角材料动态选项卡-需要更新标签而无需刷新选项卡主体/内容

Question

在渲染材质标签中执行操作后，我需要更新标签标签。

请参阅stackblitz以了解问题。

我正在尝试将标签数据保存在MatTabChangeEvent上，以便可以在标签渲染时恢复它，但效率似乎不高（最多可以有10个标签）。如果我们可以修补变更检测来满足此要求，或者以其他任何方式实现此要求而不影响性能，则可以提出一些建议。

<mat-tab-group [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
  <mat-tab *ngFor="let tab of tabs; let tabIndex = index" [label]="tab">
    <child-component (updatedLabel)="updateTabLabel($event, tabIndex)"></child-component>
  </mat-tab>
</mat-tab-group>

tabs = ['First', 'Second', 'Third'];

updateTabLabel(event: any, tabIndex: number){
  this.tabs[tabIndex] = event.code;
}

谢谢