1

我正在尝试构建动态选项卡，所以我决定使用 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 网址

所以在这里，而不是这个

 <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}}]">
4

0 回答 0