ng-content在ngFor中不重复

时间:2017-03-14 10:52:43

标签: angular typescript ngfor

<ng-content>放在<div *ngFor=...></div>中时,模板仅在for循环的最后一个元素内。它不会出现在所有迭代元素中。

在我的组件html中 - &gt;

<ats-tab [tabOptions]="equipmentTabOptions">
    <ng-container class="tab-body">
        <p>para</p> //content to appear in all the tabs
    </ng-container>
</ats-tab>

在ats-tab.component.html - &gt;

<div class="tab-content">
    <div *ngFor="let item of tabOptions;" [attr.id]="item.id" class="tab-pane fade">
      <ng-content select=".tab-body"></ng-content>
    </div>
</div>

有人可以帮忙! :(

0 个答案:

没有答案