Может ли ng-контент использоваться внутри ng-for?

Мы хотим поместить ng-контент внутри ng-для, а затем указать содержимое ng-контента, когда используется компонент, содержащий ng-for. Возможно ли это?

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

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

Ответы

Ответ 1

Возможно, но, возможно, не дает желаемого результата. Дети, переданные родителем, могут проецироваться только один раз (независимо от количества <ng-content>. Если элементы <ng-content> не выбирают конкретные и разные части переданных дочерних элементов, используя атрибут select, тогда все проецируется на первый <ng-content> с селектором по умолчанию (none).

Для выполнения этой работы вам, вероятно, понадобится пользовательский ngFor, который повторяет содержимое, переданное в <ng-content>.

ngFor ngForTemplate может помочь в вашем случае использования.

См. также Angular2 дочерний компонент как данные