selectedIndex在動態生成製表符時不能在md-tab-group中工作

Question

我想設置selected角色2材質中md-tab-group的selectedIndex屬性，這樣我就可以在第一個製表符下面獲得動畫墨跡條。 它工作時，標籤靜態定義

<md-tab-group> 
    <md-tab label="Tab 1">Content 1</md-tab> 
    <md-tab label="Tab 2">Content 2</md-tab> 
</md-tab-group> 

但是，當我生成MD-標籤動態使用* ngFor，它不工作。

<md-tab-group selectedIndex= 0 class="inner-tab"> 
     <md-tab *ngFor="let rule of ruleList"> 
      <ng-template md-tab-label>{{getOutputTabTitle(rule)}}</ng-template> 
      <view-plan-validations [validatorsList]="rule.ruleOutputList"></view-plan-validations> 
     </md-tab> 
    </md-tab-group> 

任何建議這裏發生了什麼問題？

Answer 1

嘗試使用數據綁定以及在索引號周圍添加引號。

[selectedIndex]="0" 

我在plunker中測試過它，它工作正常。

<md-tab-group [selectedIndex]="2"> 
    <md-tab *ngFor="let tab of tabs"> 
    <ng-template md-tab-label> 
     {{ tab.label }} 
    </ng-template> 
    <h1>{{ tab.body }}</h1> 
    </md-tab> 
</md-tab-group>