Question

我想创建一个可重复使用的角度组件，但是我遇到了一些ng-content问题。我要添加的内容，它不是一个单独的内容。实际上我想使用材质的面板并使用具有不同标签的面板

这是包含ng-content的组件。

  <app-panel-section [showTitle]="showTitle" id="content" [noPadding]="true">
  <md-tab-group #tabGroup id="tabGroup" (selectedIndexChange)="selectedIndexChanged($event)" [selectedIndex]="selectedIndex"
    class="collapse in">

    <md-tab [disabled]="true">
      <ng-template md-tab-label>
        <p class="panel-section">
          {{title}}
        </p>
      </ng-template>
    </md-tab>


    <ng-content></ng-content>



  </md-tab-group>
  <div class="tabTitleTools pull-right">
    <i [style.visibility]="!hideAddIcon? '' : 'hidden'" class="fa fa-plus button-like" aria-hidden="true" (click)='addNewItem()'></i>
    <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="collapse" [attr.data-target]="'#tabGroup'">
      <i class="fa fa-minus"></i>
    </button>
    <button type="button" class="btn btn-box-tool" data-widget="remove">
      <i class="fa fa-times"></i>
    </button>
  </div>
</app-panel-section>

这就是我想要使用它的地方：

<app-tabs-group #tabGroup [title]="labels.MEMBERSHIP" [profile]="profile" [showTitle]="false" [hideAddIcon]="hideAddIcon"
[emptyModel]="emptyModel">

 Everything I add here..will not apear. Why ? 
</app-tabs-group>

Angular ng-content无效

0 个答案: