入れ子のタブが壊れています

Question

入れ子のタブを使用すると問題が発生します。 md-tabにlabelプロパティを定義するとすべてうまく見えますが、<template md-tab-label>Nested Tab 1</template>を入力すると、親タブ1の代わりに親のmd-tab-groupの最初のタブ「ネストされたタブ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は、最初に親タブに表示されますどのように注意してください...

根本原因のわからない