一个可以同时显示多个 Mat-Dialogs答案

【问题标题】：Can one display multiple Mat-Dialogs at same time一个可以同时显示多个 Mat-Dialogs
【发布时间】：2021-09-24 06:33:40
【问题描述】：

有没有办法在另一个 mat-dailog 组件上显示一个 mat 对话框？我有一个带有编辑按钮的网格，当用户单击编辑时，我在 matDialog 窗口中打开一个组件，允许用户编辑数据。现在，如果用户想在不保存数据的情况下关闭该编辑窗口，我想在编辑对话框上显示一个新的垫子对话框，询问他是否要丢弃未保存的数据。我的逻辑工作正常，但由于某种原因它不显示第二个对话框。原始对话框变为非活动状态，这就是我卡住的地方。这就是它的样子

所以我的问题是，您能否在模态模式下显示多个 mat-dialog，如果可以，您将如何安排它们以便正确显示。

【问题讨论】：

也许看看你的组件的 z-index 或者直接在你的第一个对话框中导入对话框组件

标签： angular angular-material

【解决方案1】：

我过去也遇到过同样的问题，但我没有走得太远，我编写了类似于 mat 对话框但略有不同的完整对话框系统，具有更多支持多个对话框的功能，在引擎盖下添加了令牌功能，因此开发人员可以调用对话框上面按时间顺序排列的对话框，带有可观察对象的按钮生成器等等。

后来我稍加努力，把它放到了开源库中，也有 stackblitz 的例子：

https://costlydeveloper.github.io/ngx-awesome-popup/#/playground/dialog-showcase

【讨论】：