Angular 8: Passage HTML en tant que variable d'entrée

Question

Nous pouvons utiliser @input comme des accessoires d'entrée ou des données de passage. Nous pouvons également utiliser <ng-content> Pour vider une charge de HTML dans la composante enfants. Y a-t-il un moyen de passer HTML comme entrée. Comme @input HTML1, @input HTML2 et utilisez-les dans le composant de la classe enfant?

Supposons que j'ai ce HTML en classe enfant:

<div class='wrapper'>
  <div class="content1 exclusive-css-defined-to-this-component">
     <div>{$content1}</div>
  </div>
  <div class="content2 exclusive-css-defined-to-this-component-2">
    <div>{$content2}</div>
  </div>
</div>

Et je veux passer $ Content1 & $ Content2 comme entrée.

Answer 1

J'ai trouvé la solution, cela peut être fait par:

<div class='wrapper'>
  <div class="exclusive-css-defined-to-this-component">
     <div><ng-content select="[content1]"></ng-content></div>
  </div>
  <div class="exclusive-css-defined-to-this-component-2">
    <div><ng-content select="[content2]"></ng-content></div>
  </div>
</div>

Et nous pouvons utiliser le composant comme:

<wrapper>
   <div content>Any thing you want to put in content1</div>
   <div content2>Any thing you want to put in content2</div>
</wrapper>