无法使用angular6在ng-content中使用Transclusion

时间:2019-05-07 12:00:49

标签: angular angular6 ngfor angular2-ngcontent

我试图构建动态选项卡,所以我决定使用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}}]">

0 个答案:

没有答案