javascript - 加载 mat-tab 时会触发 selectTabChange 事件，因为当我们在加载后选择任何选项卡时应该触发它。角材料选项卡

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 事件。为什么会发生这种情况，因为我们只加载选项卡并且没有通过选择选项卡来更改选项卡。

标签： javascriptangularangular-materialangular9

Answer 1

我把你的代码和它的工作正常，console.log只记录选项卡更改，请参阅这个工作演示。