Savybių perdavimas į antrinį komponentą Angular

Taip pat galima perduoti tėvinio komponento savybes į antrinį. Pažiūrėkime, kaip tai daroma. Tėviniame komponente apibrėžkime savybes, kurias perduosime į antrinį komponentą:

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

Tėvo šablone paimkime atributų vardus į laužtinius skliaustus. Tokiu atveju tai, kas parašyta kaip atributo reikšmė, bus interpretuojama kaip tėvinės klasės savybė:

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