如何在Angular组件上的ngFor中使用ng-content?

时间:2018-10-07 03:17:30

标签: angular angular6 angular-components

我想在* 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

第一项和第二项不显示任何内容,仅显示最后一项

另一个想法是使用外部模板,但是上述解决方案对我来说是最理想的,因为它简化了组件的使用

提前谢谢

0 个答案:

没有答案