Angular Material $ 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 
      }); 

在我当前的逻辑中，当点击按钮时，服务将被调用以将数据发布到服务器。之后，我想显示提示信息“已成功保存”。问题是，“角度材质”对话框将被弹出窗口覆盖。

我该如何解决这个问题，使对话框显示在顶部，就像警报窗口一样？

Answer 1

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

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