Динамические вкладки углового материала - необходимо обновить метку без обновления тела / содержимого вкладки - PullRequest
0 голосов
/ 09 мая 2019

У меня есть требование обновить ярлык вкладки после выполнения операции на вкладке отображаемого материала.

Пожалуйста, обратитесь к 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;
}

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...