2017-01-30 5 views
12

イベントが発生したときに特定のタブを選択するにはどうすればよいですか?Angular 2素材のmd-tabをプログラムで選択

私は必要なタブインデックスにselectedTabを変え[selectedIndex]="selectedTab"と試みたが、それはタブがロードされた後に動作するようですしません...

答えて

18

は多分どこにも、問題が働くべきですか?エラーメッセージはありますか?

<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

+2

それは他の場所でバグでした、ありがとう=) –

+0

これは一度だけ私のために働きました。双方向バインディングには '[(selectedIndex)]'を使います。 – Mathias

関連する問題