md-tab-groupに角度2のボタンを追加

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></md-tab-group>後にボタンを追加し、必要な位置にCSSの位置を変更し、10のzインデックス与えることができます

<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

：

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

を