如何引用一個迭代變量中角分量

Question

的內容投影在角模板

<component> 
    <span *ngFor="let entity of entities">{{entity.name}}</span> 
</component> 

我有以下的，並希望重組它看起來像

<component [entities]="entities"> 
    <span>{{entity.name}}</span> 
</component> 

迭代會發生在組件的模板中。我如何引用當前實體幷包含實體集合的每次迭代的預計內容？

Answer 1

您應該分配輸入屬性並從這裏投影內容。

主要內容

<component [entities]="entities"> 
    <div class="content-body"> 
     <span *ngFor="let entity of entities">{{entity.name}}</span> 
    </div> 
</component> 

子組件

<div> 
     <ng-content select=".content-body"></ng-content> 
</div> 

請確保您有一個輸入屬性作爲

@Input() entities:any[] 

LIVE DEMO