Question

当用户点击最终确认模式弹出窗口的关闭按钮时，我想关闭所有模态弹出框。

但是打开的模态窗口确实属于不同的控制器。这是片段：

function getQuickCasePopup($scope, $uibModal, $rootScope) {
    var templateUrl = BasePath + 'App/Transaction/Views/common/QuickCaseSearch.tpl.html';
    var controller = 'QuickCaseSearchCtrl';
    OpenModal($scope, $uibModal, null, templateUrl, controller, null, null, '', $rootScope);
}

function getAddCasePopup($scope, $uibModal, $rootScope) {
    var templateUrl = BasePath + 'App/Transaction/Views/common/CreateCase.tpl.html';
    var controller = 'AddCaseCtrl';
    OpenModal($scope, $uibModal, null, templateUrl, controller, null, null, '', $rootScope);
}

function getAdvanceCasePopup($scope, $uibModal, $rootScope) {
    var templateUrl = BasePath + 'App/Transaction/Views/common/AdvanceCaseSearch.tpl.html';
    var controller = 'AdvanceCaseCtrl';
    OpenModal($scope, $uibModal, null, templateUrl, controller,null, null, 'lg', $rootScope);
}

function OpenModal($scope, $uibModal, $stateParams, templ, ctrl, grid, row, size, $rootScope) {

    var CssClass = '';
    if (size === 'lg') {
        CssClass = 'app-modal-window';
    }

    var ModalInstance = ModalInstance || $uibModal.open({
        animation: $scope.animationsEnabled,
        templateUrl: templ,
        controller: ctrl,  // Logic in instantiated controller 
        windowClass: CssClass
    });

确认弹出代码如下：

$（ “＃iConfirmationModal”）模态（）;

$("#iConfirmationModal").on('hidden.bs.modal', function () {

    //$(".app-modal-window").dialog("close"); //Did not work

    $state.go('transaction.search', {});
});

所以我想关闭所有模态弹出窗口然后重定向。我能实现同样的目标吗？

Answer 1

模态是一个单例对象，所以你可以调用$ scope。$ close（）并且它都关闭所有模态实例

Answer 2

您可以有多个选项，

创建一个管理所有模态状态的服务。
使用$ emit \ $ broadcast进行通知。
使用第三部分库，如amplifyjs，并使用pub \ sub operations。

关闭Angular JS中弹出的所有模态引导程序

2 个答案: