我试图使用innerHTML指令以及试图将组件加载到同一标签中。
一个例子：
<ul *ngFor="let item of array">
<li [innerHTML]="item.listItemHtml">
<app-some-component [someInput]='item.componentInput'><app-some-component>
</li>
</ul>
因此最终结果应如下所示：
<ul>
<li>
<span>list item 1</span>
<span>component input text 1</span>
</li>
<li>
<span>list item 2</span>
<span>component input text 2</span>
</li>
</ul>
我还是比较陌生的人，所以我想抓住很多东西。如果有人能给我一些有关我如何能够实现这一目标的见解，那将是很棒的。
如果您还绑定innerHTML属性，则不能将组件包含在父元素中。元素将仅包含由innerHTML绑定设置的HTML 。
您可以通过设置outerHTML子元素（组件的同级元素）的属性来实现所需的功能。它可以是div，aspan或其他类型的元素。无论如何，它将被绑定的HTML内容替换。
<ul *ngFor="let item of array">
<li>
<div [outerHTML]="item.listItemHtml"></div>
<app-some-component [someInput]='item.componentInput'><app-some-component>
</li>
</ul>
有关演示，请参见此堆叠闪电战。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句