我试图构建动态选项卡,所以我决定使用ng-content的Transclusion方法,但是我无法从ngFor循环中获取对象。这是我的代码
<div class="tab-pane internal-tab active">
<ul class="nav nav-tabs">
<li [ngClass]="{'active':i===0}" *ngFor='let _t of Headers; let i = index'>
<a href="#{{_t}}" role="tab" data-toggle="tab">{{_t}}</a></li>
</ul>
<div class="tab-content">
<div *ngFor='let _t of Headers; let i = index' [ngClass]="{'active':i===0}" class="tab-pane" id="{{_t}}">
<ng-content select="[one]">
</ng-content>
</div>
</div>
</div>
这是我的stackblitz url
所以这里,而不是这个
<ng-content select="[one]">
</ng-content>
如果我尝试像这样使用ngFor循环的对象,
<ng-content select="[_t]">
</ng-content>
我遇到错误,无法使用该对象
我尝试了所有这些变体来使用对象,但是我不成功
1. <ng-content select="['_t']">
2. <ng-content select="['"_t"']">
3. <ng-content select="['"_t"']">
4. <ng-content select="[{{_t}}]">