带有选项卡的角度材质对话框 - 如果在对话框加载时切换选项卡，选项卡的内容不可见

【问题标题】：angular material dialog with tabs - content of tab is not visible if switching tab when the dialog loads带有选项卡的角度材质对话框 - 如果在对话框加载时切换选项卡，选项卡的内容不可见
【发布时间】：2020-07-28 06:51:14
【问题描述】：

我试图实现打开一个包含两个选项卡的选项卡组的对话框，并在对话框加载时立即切换到第二个选项卡。

问题是选项卡切换，但选项卡的内容不可见。它存在，但它不在视线范围内，在右边。我认为当我立即切换选项卡时不会发生将其移入视图的动画。

如果我切换回 Tab1，然后再切换到 Tab2，我可以看到它的内容。

我正在使用秋田，并且我将 activeTabIndex 绑定到状态。

这是一个堆栈闪电战： https://stackblitz.com/edit/angular-w8svt3

【问题讨论】：

标签： angular tabs dialog akita

【解决方案1】：

我不知道你打算只从外部切换标签。

最简单的方法是更新ngOnInit 上的标签

  ngOnInit() {
    this.appService.updateTabIndex(1);
  }

作为额外的解决方法，您可以尝试添加setTimeout 调用。例如：

   this.dialog.open(DialogComponent, config).afterOpened().subscribe(_ => {
      setTimeout(() => this.appService.updateTabIndex(1), 0);
      console.log('updateTabIndex');
    });

【讨论】：

谢谢！我使用了您建议的第一个选项。