Angular 墊選項卡：基於 label 設置默認活動選項卡

Question

有沒有辦法在加載之前通過使用標簽或獲取 label 的索引來設置默認活動選項卡（墊選項卡組初始化后的活動選項卡）

另一件事我正在為包含選項卡的容器使用 ngIf，因此在加載選項卡之前無法使用 view child 來獲取索引或無法成功設置 selectedIndex

Answer 1

是的，如果您在此處查看 api： https://material.angular.io/components/tabs/api您將在此處看到 mat-tab-group 輸入：

<mat-tab-group mat-align-tabs="start" [selectedIndex]="selectedIndex">
  <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>

在您的 class 中，將 selectedIndex 設置為您想要的默認值，或者在初始化數據之后。