selectTabChange 事件在 mat-tab 加載時觸發，因為它應該在加載后選擇任何選項卡時觸發。 角材料選項卡

Question

嘗試實現材料選項卡角度

組件.html

  <mat-tab-group (selectedTabChange)="tabSelectionChanged($event)">
  <mat-tab *ngFor="let tab of tabList;" [label]="tab">
  <ng-template mat-tab-label>
            {{ tab.tabName }}
  </ng-template>
  </mat-tab>
  </mat-tab-group>

組件.ts

tabList : any[];

ngOnInit(){
 this.tabList = [{tabName : "Tab1"},{tabName : "Tab2"}]
}

tabSelectionChanged(event){
  console.log(event);
}

當嘗試以這種方式加載材料選項卡時， selectedTabChange 事件被觸發。 為什么會發生這種情況，因為我們只加載選項卡，而沒有通過選擇選項卡更改選項卡。

Answer 1

我接受了你的代碼並且它工作正常， console.log只記錄選項卡更改，請參閱此工作演示。