角度材质:在对话框上显示辅助导航

时间:2020-03-30 15:50:49

标签: angular angular-material dialog mat-sidenav

我正在寻找一种在MatDialog上显示MatSidenav的解决方案。 我的项目是移动优先的项目,其构建有左右两个推动内容的侧边导航。

在底部有一个固定的页脚,可以打开左侧或右侧导航栏。

在主要内容中,我需要使用MatDialog。

我的目的是能够打开MatDialog,并能够打开左侧导航栏,因为我想查看有关我帐户的信息,然后关闭它以返回对话框,打开。

现在,对话框始终显示在内容上方。

这里有一个Stackblitz可以清楚地说明我的问题:

要重现此案:

  • 点击“选择一个”按钮
  • 对话框打开
  • 在页脚中,点击“打开左侧菜单”
  • 左侧导航栏推送主要内容,但显示在对话框下方

除了MatDialog的Z位置及其关联的叠加层之外,其他所有功能都与我想要的一样,最好的办法是像对主要内容一样进行“推送”。

理想的方法是找到一种将对话框及其覆盖层“附加”到主要内容的方法。我找到了一种使用Angular 4.4的方法,但是使用像Angular 8这样的较新版本,似乎不起作用。

0 个答案:

没有答案