एंगुलर 2 सामग्री में प्रोग्रामेटिक रूप से एमडी-टैब का चयन करें

Question

कोई ईवेंट होने पर मैं एक विशिष्ट टैब का चयन कैसे कर सकता हूं?

मैं [selectedIndex]="selectedTab" साथ की जरूरत टैब सूचकांक को selectedTab बदलते शायद कहीं और एक समस्या की कोशिश की लेकिन इसके बाद टैब लोड किए गए हैं काम करने के लिए लगता है नहीं करता है ...

Answer 1

काम करना चाहिए? कोई त्रुटि संदेश?

<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