Javascript 加载mat tab时将触发selectTabChange事件，因为加载后选择任何选项卡时都会触发该事件。角材质选项卡

尝试实现“材质”选项卡

component.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>

---

尝试以这种方式加载“材质”选项卡时，将触发selectedTabChange事件。为什么会发生这种情况，因为我们只是加载选项卡，而没有通过选择选项卡来更改选项卡。

我接受了您的代码及其工作正常，

控制台。log

只记录选项卡更改，请参阅此工作。

是的，我发布的代码似乎工作正常。对不起，我不能输入准确的代码。我试图通过一个可观察的API调用来设置tabList。在所有这些设置中，加载时会触发tabChangeEvent。我还在同一页中集成了agGrid，在tab change中，过滤器将应用于agGrid，但mat tab和agGrid都是独立的元素。

tabList : any[];

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

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