Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 带选项卡的“角度材质”对话框-如果在对话框加载时切换选项卡,则选项卡的内容不可见_Angular_Tabs_Dialog_Akita - Fatal编程技术网

Angular 带选项卡的“角度材质”对话框-如果在对话框加载时切换选项卡,则选项卡的内容不可见

Angular 带选项卡的“角度材质”对话框-如果在对话框加载时切换选项卡,则选项卡的内容不可见,angular,tabs,dialog,akita,Angular,Tabs,Dialog,Akita,我试图打开一个包含两个选项卡的选项卡组的对话框,并在加载对话框时立即切换到第二个选项卡 问题是选项卡会切换,但选项卡的内容不可见。它是存在的,但它是看不见的,在右边。我认为当我立即切换选项卡时,将其移动到视图中的动画不会发生 如果我切换回Tab1,再切换到Tab2,我可以看到它的内容 我使用的是akita,我将activeTabIndex绑定到状态 以下是针对这一点的闪电战: 我不知道您打算从外部切换选项卡 最简单的方法是更新ngOnInit ngOnInit() { this.ap

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

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

如果我切换回Tab1,再切换到Tab2,我可以看到它的内容

我使用的是akita,我将activeTabIndex绑定到状态

以下是针对这一点的闪电战:

我不知道您打算从外部切换选项卡

最简单的方法是更新
ngOnInit

  ngOnInit() {
    this.appService.updateTabIndex(1);
  }
作为额外的解决方法,您可以尝试添加
setTimeout
调用。例如:

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

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