我想在* ngFor内正确使用ng-content。问题是,ng-content中的内容仅在最后一次迭代中显示。这是我当前的代码:
主模板:
<app-my-component>
<span>I want to display this content multiple times</span>
</app-my-component>
组件模板:
<ul>
<li *ngFor="let item in items>
<ng-content></ng-content>
</li>
</ul>
组件代码(项):
public items = [0, 1, 2];
结果:
-
-
- I want to display this content multiple times
第一项和第二项不显示任何内容,仅显示最后一项
另一个想法是使用外部模板,但是上述解决方案对我来说是最理想的,因为它简化了组件的使用
提前谢谢