angular – 可以在ngFor中使用ng-content吗?

前端之家收集整理的这篇文章主要介绍了angular – 可以在ngFor中使用ng-content吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们想将ng-content放在* ngFor中,然后在使用包含ngFor的组件时指定ng-content的内容.可能吗?

<li *ngFor="let data of dataSource">
  <ng-content></ng-content>
</li>

Demo

解决方法

这是可能的,但可能不会产生预期的结果.父母通过的孩子只能投射一次(无论有多少< ng-content>那么.如果< ng-content>元素没有使用select属性选择传递的孩子的特定和不同部分,那么使用默认选择器(无)将所有内容投影到第一个< ng-content>.

为了使这项工作,你可能想要一个自定义的ngFor重复传递给< ng-content>的内容.

NgFors ngForTemplate可能对您的用例有所帮助.

另见Angular2 child component as data

猜你在找的Angularjs相关文章