Egenskapsöverföring till barnkomponent i Angular

Det är också möjligt att överföra egenskaper från en förälderkomponent till en barnkomponent. Låt oss se hur det går till. I förälderkomponenten definierar vi de egenskaper som vi ska överföra till barnkomponenten:

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

I förälderns mall tar vi attributnamnen i hakparenteser. I detta fall kommer det som skrivs som attributvärde att tolkas som en egenskap hos förälderklassen:

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