嵌套選項卡破損

Question

我使用嵌套選項卡時出現問題。如果我在md-tab上定義label屬性，一切看起來都不錯，但是當我放入<template md-tab-label>Nested Tab 1</template>時，它會使父項md-tab-group的第一個選項卡爲「嵌套選項卡1」而不是「父級選項卡1」。

我該如何解決這個尷尬的行爲？或者這是這樣的嗎？

HTML：

<md-tab-group #parentTabs> 
    <md-tab label="Parent Tab 1"> 
     First Tab 
     <md-tab-group #childTabs> 
      <md-tab> 
       <ng-template md-tab-label><span (click)="tabClicked()">Nested Tab 1</span> <a (click)="close()">X</a></ng-template> 
       Tab Content 
      </md-tab> 
      <md-tab label="Nested Tab 2">Nested Tab 2 Content</md-tab> 
      <md-tab label="Nested Tab 3">Nested Tab 3 Content</md-tab> 
     </md-tab-group> 
    </md-tab> 

    <md-tab label="Parent Tab 2"> 
     Second Tab 
    </md-tab> 
    <md-tab label="Parent Tab 3"> 
     Third Tab 
    </md-tab> 
</md-tab-group> 

Plunkr demonstrating the issue

公告嵌套標籤1的第一個父選項卡上的顯示...