Angular Material以编程方式添加选项卡

Question

我想根据选择事件添加和删除mat-tab-group中的标签。选项卡本身包含动态表。

<mat-tab-group #tabs>
</mat-tab-group>

开始时空了。

<mat-tab [label]="name">
  <mat-table #table [dataSource]="dataSource" matSort>

    <ng-container *ngFor="let column of tableConf.cols" [matColumnDef]="column.columnDef">
      <mat-header-cell *matHeaderCellDef mat-sort-header>{{ column.header }}</mat-header-cell>
      <mat-cell *matCellDef="let row"> {{ column.cell(row) }}</mat-cell>
    </ng-container>

    <mat-header-row *matHeaderRowDef="tableConf.columnsToDisplay"></mat-header-row>
    <mat-row *matRowDef="let row; columns: tableConf.columnsToDisplay"></mat-row>
  </mat-table>
</mat-tab>

这是一个关于所选实体的参数获取动态标头的表。被选中的实体有几个子实体，每个子实体都需要自己的表，应该在选项卡中显示。还有一个影响所有表格的时间变量。

我尝试做的是添加和删除这些标签并在其下添加我的组件，并且还引用每个表，以便在时间变量发生变化时调用更新方法。

Answer 1

该问题的答案可能是不这样做。使用模型和*ngFor添加标签，然后向其注入所需的数据。