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

Question

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

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

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

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

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

Answer 1

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

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

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

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

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