Ominaisuuksien välittäminen lapsikomponenttiin Angularissa

On myös mahdollista välittää parent-komponentin ominaisuuksia lapsikomponenttiin. Katsotaan, kuinka se tehdään. Parent-komponentissa määritellään ominaisuudet, jotka aiomme välittää lapsikomponenttiin:

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

Parentin templatessa otamme attribuuttien nimet hakasulkeisiin. Tässä tapauksessa se, mitä on kirjoitettu attribuutin arvoksi, tulkitaan parent-luokan ominaisuudeksi:

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