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:

app/app.component.tsclass 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:

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