Angularjs — оповещение о появлении всплывающего окна (диалогового окна)

#angularjs #sweetalert

#angularjs #sweetalert

Вопрос:

Я пытаюсь сделать что-то, что, как я предполагаю, должно быть довольно простым, но я не могу понять, что я много раз гуглил, что помогло. сценарий похож на то, что когда я нажимаю на кнопку, я получаю одно всплывающее окно через директиву всплывающего окна angularjs в этом всплывающем окне я создам несколько iframe с кнопкой отмены, когда я нажимаю на кнопку отмены, он удаляет этот iframe, но перед удалением фрейма он подтвердит через sweet alert, но всплывающее окно sweet alert отображается за фреймами всплывающее окно, которое не отображается до тех пор, пока я не закрою всплывающее окно frames…

Ниже приведен код

эта кнопка помогает мне открыть всплывающее окно, содержащее несколько iframes.

 <button class="btn btn-primary mar-5" ng-click="openPopup('displaywidgets')" style="width:20%">WIDGETS</button>
 

Это код, который будет отображать все iframes во всплывающем окне

  <div class="modal fade" id="displaywidgets" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:10000 ">
 

Этот код отображает значок отмены для удаления

<i class="fa fa-remove" ng-click="deleteWidget(widget)"></i>

Это метод контроллера, который отображает сладкое оповещение

     $scope.deleteWidget = function(widget) {
    swal({
        title: "Are you sure?",
        text: "You will not be able to recover this widget!",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes, delete it!",
        cancelButtonText: "No, cancel!"
    }, function(isConfirm) {
        if (isConfirm) {
         alert("deletewidget");
            widgetFactory.deleteWidget($scope.oemToken, widget.id)
                .success(function(data, status, headers, config) {
                    $scope.init();
                })
                .error(function(data, status, headers, config) {
                    swal({
                        title: "Error!",
                        text: "Error in deleting Widget",
                        type: "error"
                    });
                });
        }
    });
};
 

Заранее благодарю.

Комментарии:

1. Вы проверили z-индекс?

2. Да, Z-индекс работал для меня. но фон не становится размытым, я имею в виду, что параметры фона не должны выполняться до тех пор, пока я не выполню некоторую работу в sweet alert

3. Вам нужно кое-что сделать там, поскольку вы не предоставили здесь рабочий фрагмент кода, я предполагаю, что в каком-то месте может быть найдено какое-то обходное решение.