Eigenschappen doorgeven aan een child component in Angular

Je kunt ook eigenschappen van het parent component doorgeven aan een child component. Laten we eens kijken hoe dat wordt gedaan. In het parent component definiëren we de eigenschappen die we zullen doorgeven aan het child component:

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

In de template van de parent nemen we de attribuutnamen in vierkante haakjes. In dit geval wordt dat wat geschreven is als waarde van het attribuut, geïnterpreteerd als een eigenschap van de parent class:

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