有角度 – 可以在ng-for里面使用ng内容吗？

发布时间：2020-12-17 09:28:29 所属栏目：安全来源：网络整理

导读：我们希望将ng内容放在ng-for中,然后在使用包含ng-for的组件时指定ng内容的内容.可能吗？ li *ngFor="#data of dataSource" ng-content/ng-content/li http://plnkr.co/edit/ypueaoaX43kc1HRm7q3f?p=preview 这是可能的,但可能不会产生期望的结果.由父母传递

我们希望将ng内容放在ng-for中,然后在使用包含ng-for的组件时指定ng内容的内容.可能吗？

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

http://plnkr.co/edit/ypueaoaX43kc1HRm7q3f?p=preview

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

为了使这项工作,您可能希望自定义ngFor重复传递到< ng-content>的内容.

NgFors ngForTemplate可能有助于您的用例.

参见Angular2 child component as data

（编辑：李大同）

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