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>