第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

有沒有辦法以編程方式更改激活的 mat-tab?

有沒有辦法以編程方式更改激活的 mat-tab?

慕運維8079593 2021-10-14 14:03:58
我想在打字稿文件中更改激活的 mat-tab。這里以編程方式選擇 Angular 2 材料中的 md-tab我找到了最接近的解決方案,但對于 md-tab 不是 mat-tab。我試過這個但沒有工作。這里是我試過的HTML  <button class="btn btn-primary" (click)="changeTab()">Click me!</button>    <mat-tab-group [selectedIndex]="selectedTab">        <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;}
查看完整描述

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

}


查看完整回答
反對 回復 2021-10-14
?
蝴蝶不菲

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;

  }

});


查看完整回答
反對 回復 2021-10-14
  • 2 回答
  • 0 關注
  • 163 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號