Transmission de propriétés à un composant enfant dans Angular

Il est également possible de transmettre les propriétés du composant parent à un composant enfant. Voyons comment cela se fait. Dans le composant parent, définissons les propriétés que nous transmettrons au composant enfant :

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

Dans le template du parent, mettons les noms d'attributs entre crochets. Dans ce cas, ce qui est écrit comme valeur d'attribut sera interprété comme une propriété de la classe parent :

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