以编程方式在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

回答

相关问题