当selectedIndex高于标签的实际数量时，“材料”标签变为最后一个标签

Question

例如，我的mat-tab-group中有2个标签：

<mat-tab-group>
  <mat-tab>
  </mat-tab>
  <mat-tab>
  </mat-tab>
</mat-tab-group>

比方说，第一个选项卡被选中（索引0），当我将selectedIndex更改为2（应切换到选项卡3但它不存在）时，第二个选项卡被选中。我希望第一个选项卡保持选中状态，因为索引超出范围。我怎样才能做到这一点？ （对于一般情况：n个标签页，其中一个被选中（不一定是第一个或最后一个，selectedIndex>n）

Answer 1

尝试一下：

在TS中：

let index = this.Activeroute.snapshot.queryParams['index'];

if(selectedIndex > n)
{
   this.selectedIndex = 0;
}
else
{
   this.selectedIndex = index;
}