⊗jsagPmCMCPT 65 of 97 menu

Transmission de texte à un composant enfant dans Angular

Il est possible de transmettre du texte d'un composant parent à un composant enfant. Pour ce faire, il faut écrire le texte à transmettre entre les balises ouvrantes et fermantes du composant enfant. Faisons cela :

<user-data> texte du parent </user-data>

Maintenant, dans le template du composant enfant, nous devons indiquer l'emplacement où sera effectuée l'insertion du texte transmis par le parent. Cela se fait à l'aide de la balise spéciale ng-content. Plaçons cette balise dans le template du composant enfant :

texte enfant <br> <ng-content></ng-content>

Supposons qu'il y ait une certaine propriété dans le composant parent. Insérez la valeur de cette propriété dans le texte. Transmettez ce texte au composant enfant en utilisant la méthode décrite dans la leçon.

azbydeenesfrkakkptruuz