角度材料$ mdDialog由Kendo弹出窗口覆盖

Question

我在AngularJS项目中使用Angular Material并希望用Angular Material dialog替换警报窗口（由alert（）函数打开），以便样式保持一致。

我已经浏览了Angular Material提供的演示和文档，并将该函数绑定到ng-click。

<md-button class="md-primary md-raised" ng-click="showAlert($event)"   >
  Save
</md-button>

该按钮位于弹出的Kendo窗口内，由kWindow.open（）函数打开。

var windowInstance = $kWindow.open({
                /// Logic omitted
            });

在我当前的逻辑中，当单击该按钮时，将调用服务以将数据发布到服务器。之后，我想显示警告，并显示“已成功保存”消息。问题是，Angular Material对话框将被弹出窗口覆盖。

如何解决此问题，以便对话框显示在警报窗口的顶部？

Answer 1

我调查并发现我可以在CSS文件中设置Angular Material对话框的z-index属性来更改图层高度。在我的情况下，窗口仍然覆盖10000，而20000正常工作。

.md-dialog-container {
    z-index: 20000;
}