Angular 2將按鈕添加到md-tab-group

Question

是否可以將按鈕或圖標添加到md-tab-group？ 我有例如下面的模板：

<md-tab-group [selectedIndex]="selectedIndex"> 

    <md-tab *ngFor="let tab of getTabs() let i=index"> 

    <ng-template md-tab-label> 
     {{tab.title}} <md-icon class="tabRemove" (click)="removeTab(i)">close</md-icon> 
    </ng-template> 

    <tab [tabData]="tab"></tab> 
    </md-tab> 
</md-tab-group> 

我試圖在md-tab-group添加一個按鈕，但它沒有顯示出來。這是甚至可能，或者我應該找到另一種方式？

Answer 1

這是可能的。

我也在使用這個範圍。只需添加一個新的md-tab標籤

我的代碼：

<md-tab-group class='fixSize' [selectedIndex]='currentTab'> 
     <md-tab *ngFor="let tab of tabs; let i = index;"> 
      <ng-template md-tab-label> 
       <div class="tabName" (click)="tabRender(i)" (dblclick)="editTab(i)" mdTooltip="Duplo clique para editar" [mdTooltipPosition]="toolTipDirection">{{tab.name}}</div> 
       <div *ngIf="tab.closable" class="delete" style="float: right;" (click)="removeTab(i)">x</div> 
      </ng-template> 
     </md-tab> 
     <md-tab> 
      <ng-template md-tab-label> 
       <div class="tabAdd" (click)="tabAdd()" mdTooltip="Adicionar Tab" [mdTooltipPosition]="toolTipDirection">+</div> 
      </ng-template> 
     </md-tab> 
    </md-tab-group> 

Answer 2

您可以<md-tab-group></md-tab-group>後添加一個按鈕，並更改CSS位置所需位置，並給出了10的z-index：

button{ 
postion:absolute; 
top:0; 
right:0; 
z-index:10; 
}