我正在寻找一种在 MatDialog 上显示 MatSidenav 的解决方案。我的项目，移动优先，由左右两个侧导航构建，用于推送内容。
在底部，有一个固定的页脚，可以打开左侧或右侧的sidenav。
在主要内容中，我需要使用 MatDialog。
我的目的是能够打开 MatDialog，并能够打开左侧导航，因为我想检查一些关于我的帐户的信息，然后关闭它以返回对话框，仍然打开。
现在，对话框总是显示在内容之上。
这是一个Stackblitz来清楚地解释我的问题：
重现案例：
- 点击“选择一个”按钮
- 对话框打开
- 在页脚中，单击“打开左侧菜单”
- 左侧sidenav推送主要内容但显示在对话框下方
除了 MatDialog 的 Z 位置及其关联覆盖之外，一切都像我想要的那样工作，最好的办法是“推动”它，就像对主要内容一样。
理想的做法是找到一种将对话框及其覆盖“附加”到主要内容的方法。我找到了一种使用 Angular 4.4 的方法，但是对于像 Angular 8 这样的较新版本，这似乎不起作用。