Вкладки материалов переходят на последнюю вкладку, когда selectedIndex превышает фактическое количество вкладок.

Question

Например, у меня есть 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;
}