Tulajdonságok átadása gyermek komponensbe az Angularban
A szülő komponens tulajdonságait is át lehet adni a gyermek komponensnek. Nézzük meg, hogyan is történik ez. A szülő komponensben definiáljuk azokat a tulajdonságokat, amelyeket át szeretnénk adni a gyermek komponensnek:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
A szülő template-jében vegyük az attribútumneveket szögletes zárójelbe. Ebben az esetben az, ami az attribútum értékeként van megadva, a szülő osztály tulajdonságaként lesz értelmezve:
<user-data [name]="name" [age]="age"></user-data>
A szülő komponensben készítsen tulajdonságokat a termék nevének és árának. Adja át azok értékeit a gyermek komponensébe.
