Предаване на свойства в детски компонент в Angular
Може също така да се предават свойства от родителския компонент в детски. Нека да видим, как се прави това. В родителския компонент дефинираме свойства, които ще предаваме в детския компонент:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
В темплейта на родителя вземаме имената на атрибутите в квадратни свойства. В този случай това, което е написано като стойност на атрибута, ще бъде интерпретирано като свойство на класа на родителя:
<user-data [name]="name" [age]="age"></user-data>
В родителския компонент направете свойства за име и цена на продукт. Предайте техните стойности във вашия детски компонент.
