2 回答

TA貢獻1831條經驗 獲得超9個贊
您可以添加two way binding這樣的 [(selectedIndex)]="selectedTab",應該給你的結果。
<button class="btn btn-primary" (click)="changeTab()">Click me!</button>
<mat-tab-group [(selectedIndex)]="selectedTab"> //<--- changes
<mat-tab label="Preview">
</mat-tab>
<mat-tab label="Tuning">
<car-tuning></car-tuning>
</mat-tab>
<mat-tab label="Payment"></mat-tab>
</mat-tab-group>
在 ts:
changeTab() {
this.selectedTab = 1 //<------- your tab value
}

TA貢獻1810條經驗 獲得超4個贊
是的,你可以這樣改變。
<mat-tab-group [(selectedIndex)]="selectedIndex">
<mat-tab>
</mat-tab>
<mat-tab>
</mat-tab>
<mat-tab>
</mat-tab>
</mat-tab-group>
在 ts 中使用:
selectedIndex: number;
在你的函數(shù)中
this.selectedIndex = whateverIndexYouWant;
這是我從 ts 更改激活索引的方法。
this.data.currentMessage.subscribe(message => {
switch (message) {
case 'blabla':
this.selectedIndex = 0;
break;
case 'blablablabla':
this.selectedIndex = 1;
break;
case 'blablablablablabla':
this.selectedIndex = 2;
break;
}
});
添加回答
舉報