Question

我正在尝试做一些事情，我猜测应该相当容易，但是我无法弄明白我用谷歌搜索了很多有用的东西。场景就像当我点击一个按钮时，我会通过angularjs popup指令获得一个弹出窗口，在弹出窗口中我将使用取消按钮多个iframe当我点击取消按钮时删除那个iframe但在删除帧之前它将通过甜蜜警报确认但是，甜蜜警报弹出窗口显示在框架弹出窗口后面，直到我关闭框架弹出窗口才能看到...

以下是代码

此按钮可帮助我打开包含多个iframe的弹出窗口。

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

这是将在弹出窗口中显示所有iframe的代码

 <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"
                    });
                });
        }
    });
};

提前致谢。

Angularjs - 弹出窗口（对话框）窗口的甜蜜警报

0 个答案: