mat-tab-group选中指定tab触发事件

使用selectedTabChange方法结合selectedIndex可实现。

selectedTabChange监听tabs是否切换,selectedIndex返回被选中tab的索引。

// component.html
<mat-tab-group (selectedTabChange)="change()" [(selectedIndex)]="index">
  <mat-tab label="fiest">
    Content 1
  </mat-tab>
  <mat-tab label="second">
   Content 2
  </mat-tab>
</mat-tab-group>

// component.ts
change() {
  if (this.index === 1) {doSomething();}
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注