Вкладка "Угловой материал" Активный выпуск

Question

Я новичок в угловых и угловых материалах, я использовал мат-вкладку

Активная мат-вкладка - это всегда первая вкладка, кто-нибудь знает, как активировать 2-ю вкладку при использовании углового материала?

код

<mat-tab-group>
      <mat-tab label="First"> Content 1 </mat-tab>
      <mat-tab label="Second"> Content 2 </mat-tab>
      <mat-tab label="Third"> Content 3 </mat-tab>
    </mat-tab-group>

Answer 1

используйте selectedIndex = "ваше значение". Вы можете использовать это свойство следующим образом

<mat-tab-group class="m-t-30" [selectedIndex]="yourvalue">

или вы всегда можете сделать это динамически, добавив цикл или итерацию для каждого события щелчка в вашем компоненте и увеличивая значение вкладок, если у вас есть много вкладок.

Answer 2

используйте свойство selectedIndex

<mat-tab-group class="m-t-30" [selectedIndex]="1">