使用 if(){} 切换到最后一个 mat-tab

【问题标题】：Switch To the last mat-tab with if(){}使用 if(){} 切换到最后一个 mat-tab
【发布时间】：2021-06-09 13:23:16
【问题描述】：

我有 3 个垫子标签，我想在进入页面时使用 if(){} 打开第三个标签（标签 3）。有可能吗？

<mat-tab-group mat-align-tabs="center" style="width: 100%;" >
 <mat-tab label="Tab 1"></mat-tab>

 <mat-tab label="Tab 2"></mat-tab>

 <mat-tab label="Tab 3"></mat-tab>
</mat-tab-group>

【问题讨论】：

标签： html angular typescript angular-material mat-tab

【解决方案1】：

您可以在 mat-tab-group 上使用“selectedIndex”

示例：

<mat-tab-group mat-align-tabs="center" style="width: 100%;" [selectedIndex]="selectedTab">
 <mat-tab label="Tab 1"></mat-tab>

 <mat-tab label="Tab 2"></mat-tab>

 <mat-tab label="Tab 3"></mat-tab>
</mat-tab-group>

在打字稿中：

selectedTab=0;
if(*/ condition */){
selectedTab= 2; */ tab number you want -1 */
}

【讨论】：