Я использую Angular Material в своем проекте AngularJS и хочу заменить окна предупреждений (открытые функцией 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
});
В моей текущей логике, когда нажата кнопка, будет вызываться служба для отправки данных на сервер. После этого я хочу показать предупреждение с сообщением "Сохранено успешно". Проблема в том, что диалоговое окно "Угловой материал" будет покрываться всплывающим окном.
Как я могу исправить эту проблему, чтобы диалоговое окно отображалось сверху, как это делает окно предупреждения?
Я исследовал и обнаружил, что я могу установить свойство z-index диалогового окна "Угловой материал" в файле CSS, чтобы изменить высоту слоя. В моем случае 10000 все еще покрывается окном, а 20000 работает правильно.
.md-dialog-container {
z-index: 20000;
}