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

发布时间：2020-12-17 18:06:00 所属栏目：安全来源：网络整理

导读：我们想将ng-content放在* ngFor中,然后在使用包含ngFor的组件时指定ng-content的内容.可能吗？ li *ngFor="let data of dataSource" ng-content/ng-content/li Demo 解决方法这是可能的,但可能不会产生预期的结果.父母通过的孩子只能投射一次(无论有多少 ng

我们想将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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!