Angulaire 2 - Composant personnalisé - Transmet les arguments en tant que "divs" au lieu de "attributs"?

Question

J'ai trouvé ce plunker https://plnkr.co/edit/xFBllK?p=preview

c'est un accordéon ... mais il y a un paramètre pour le titre comme un attribut

comment puis-je changer ce composant afin que je puisse ajouter mon propre code HTML dans le modèle pour le titre (et pas seulement passer le titre en paramètre)?

dans app.component.ts de fichiers, comment puis-je changer la mise en œuvre de l'accordéon pour transformer ce

<tp-accordion-group> 
    <tp-accordion [title]="some title"> 
    ... 
    </tp-accordion> 
</tp-accordion-group> 
... 

dans cette

<tp-accordion-group> 
    <tp-accordion> 
    <div title><some complex fancy html content>some title<...></div> 
    <div body>...</div> 
    </tp-accordion> 
    ... 
</tp-accordion-group> 

grâce

Answer 1

réponse est TransClusion

exemple ici: https://scotch.io/tutorials/angular-2-transclusion-using-ng-content