Предаване на свойства в детски компонент в Angular

Може също така да се предават свойства от родителския компонент в детски. Нека да видим, как се прави това. В родителския компонент дефинираме свойства, които ще предаваме в детския компонент:

app/app.component.tsclass AppComponent {
  public name: string = 'john';
  public age: number = 25;
}

В темплейта на родителя вземаме имената на атрибутите в квадратни свойства. В този случай това, което е написано като стойност на атрибута, ще бъде интерпретирано като свойство на класа на родителя:

app/app.component.html<user-data [name]="name" [age]="age"></user-data>