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 :
class 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 :
<user-data [name]="name" [age]="age"></user-data>
Dans le composant parent, créez des propriétés pour le nom et le prix du produit. Transmettez leurs valeurs à votre composant enfant.