Przekazywanie właściwości do komponentu potomnego w Angular

Można również przekazywać właściwości komponentu nadrzędnego do komponentu potomnego. Spójrzmy, jak to się robi. W komponencie nadrzędnym zdefiniujmy właściwości, które będziemy przekazywać do komponentu potomnego:

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

W szablonie rodzica weźmy nazwy atrybutów w nawiasy kwadratowe. W tym przypadku to, co jest napisane jako wartość atrybutu, będzie interpretowane jako właściwość klasy nadrzędnej:

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