所有标签页实例视图未更新

时间:2019-01-08 14:33:50

标签: angular typescript

我正在一个选项卡视图中查看要在哪个组件上制作三个选项卡的位置。我想在活动状态下更新选项卡组件实例,但它仅对第一个选项卡有效。当我选择第二个或第三个选项卡时,它不会更新视图。我在所有标签上都使用了相同的组件。

我尝试了诸如changeDetectRef之类的一些解决方案,但所有解决方案仅适用于第一个标签。

<mat-tab-group class="tabs" (selectedTabChange)="onTabChanged($event)">
  <mat-tab label="Thousand"><m-number-bet[numberType]="'thousand'"></m-number-bet></mat-tab>
  <mat-tab label="Hundred"><m-number-bet [numberType]="'hundred'"></m-number-bet></mat-tab>
  <mat-tab label="Tens"><m-number-bet [numberType]="'ten'"></m-number-bet></mat-tab>
</mat-tab-group>

onTabChanged(event: MatTabChangeEvent) {
  if (event.index === 0 || event.index === 1 || event.index === 2) {
      this.numberBetComponent.resetView();
  }
}

0 个答案:

没有答案
相关问题