angular-material - 材料表中的可扩展行，在切换选项卡上的 mat-tab 中使用时扩展所有行

Question

我在 mat-tab 中使用时有一张桌子，可扩展行在切换选项卡时得到扩展

https://stackblitz.com/edit/angular-yjgkst 这里是链接

Answer 1

使用<ng-template matTabContent>在<mat-tab>

演示

Answer 2

<ng-template matTabContent>在this is a solution中使用<mat-tab>，它会改变每个选项卡的行为，使用此模板它会延迟加载每个选项卡，并且每当您单击选项卡时，它都会触发ngOnInit ...我想保持我的行为，我只是想要删除每当我单击另一个选项卡时扩展行的错误..

它对我有用！:) 你可以用div包裹你的元素（有表格） ，例如：

 <mat-tab-group mat-align-tabs="start">
  <mat-tab label="First"><div><app-table-element-selector></app-table-element-selector></div></mat-tab>
  <mat-tab label="Second"><app-element2-selector></app-element2-selector></mat-tab>
  <mat-tab label="Third"><app-element3-selector></app-element3-selector></mat-tab>
</mat-tab-group>