以編程方式在Angular 2素材中選擇md-tab

如何在事件發生時選擇特定選項卡？以編程方式在Angular 2素材中選擇md-tab

我試着用[selectedIndex]="selectedTab"改變selectedTab所需的選項卡索引，但它似乎並不標籤被加載後，開始工作......

2017-01-30 Filipe Amaral

應該工作，也許其他地方有問題？任何錯誤消息？

<button md-raised-button (click)="changeTab()">Click me!</button> 

<md-tab-group [selectedIndex]="selectedTab"> 
    <md-tab label="Tab 1">Content 1</md-tab> 
    <md-tab label="Tab 2">Content 2</md-tab> 
</md-tab-group>

changeTab() { 
    this.selectedTab += 1; 
    if (this.selectedTab >= 2) this.selectedTab = 0; 
}

實時演示：http://plnkr.co/edit/k2cw7Jw5YEstrY3OWbdq?p=preview

來源

2017-01-30 13:51:51 mxii

這是其他地方的錯誤，感謝=） –

這個工作只有一次我。使用'[（selectedIndex）]'進行雙向綁定。 – Mathias

以編程方式在Angular 2素材中選擇md-tab

回答

相關問題