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:
class 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:
<user-data [name]="name" [age]="age"></user-data>
Tee parent-komponentissa ominaisuudet tuotteen nimelle ja hinnalle. Välitä niiden arvot omaan lapsikomponenttiisi.
