Angular2材料アクセス]タブの外側それ

Question

私は次のコードを持っている：

<md-tab-group> 
      <md-tab *ngFor="let section of sectionList"> 
     <template md-tab-label> 
<span (click)="selectedSection=section"> 
      {{section.name}} 
</span> 
     </template> 
     </md-tab> 
     </md-tab-group> 

私はタブループ外現在の選択したセクション（sectionオブジェクト）のデータを表示することができますどのように？

spanに(click)を追加しようとしましたが、トリガーできませんでした。

Answer 1

タブグループにはselectedIndexプロパティがありますので、template referenceを作成して使用することができます。

<md-tab-group #tabGroup> 
<md-tab *ngFor="let section of sectionList"> 
    <template md-tab-label> 
    <span (click)="selectedSection=section"> 
     {{section.name}} 
    </span> 
    </template> 
</md-tab> 
</md-tab-group> 
<div>{{sectionList[tabGroup.selectedIndex].name}}</div>