64. Projection de contenu (ngContent)

La projection de contenu (ou transclusion) vous permet d'insérer du contenu externe, fourni par un composant parent, directement dans le template d'un composant enfant. C'est essentiel pour créer des composants conteneurs réutilisables et flexibles (comme des modales, des cartes ou des panneaux).

La balise <ng-content>

Cette balise marque l'emplacement dans le template du composant enfant où le contenu transmis par le parent doit être affiché.

1. Composant Enfant (card.component.html)

html

2. Utilisation par le Composant Parent

html

Projection de contenu multi-emplacements (Multi-Slot)

Nous pouvons spécifier où doivent aller différents morceaux de contenu projeté en utilisant l'attribut select sur <ng-content>.

Composant Enfant (multi-card.component.html)

html

Utilisation par le Composant Parent

html

Titre du Projet

Mis à jour il y a 5 min.