angularjs – 如何从任何地方关闭Angular UI Modal

发布时间：2020-12-17 08:39:35 所属栏目：安全来源：网络整理

导读：我使用 Angular UI bootstrap modal dialog并在服务内创建它： myApp.factory('ModalService',['$modal',function($modal) { return { trigger: function(template) { $modal.open({ templateUrl: template,size: 'lg',controller: function($scope,$modalIn

我使用 Angular UI bootstrap modal dialog并在服务内创建它：

myApp.factory('ModalService',['$modal',function($modal) {
    return {
        trigger: function(template) {
            $modal.open({
                templateUrl: template,size: 'lg',controller: function($scope,$modalInstance) {
                    $scope.ok = function() {
                        $modalInstance.close($scope.selected.item);
                    };
                    $scope.cancel = function() {
                        $modalInstance.dismiss('cancel');
                    };
                }
            });
        },close: function() {
            // this should close all modal instances
        }
    };
}]);

如何从控制器或任何其他模块调用ModalService.close()时关闭所有模态实例？

注入$ modalStack服务并调用函数$ modalStack.dismissAll()，详细信息请参见 GitHub上的代码：

myApp.factory('ModalService','$modalStack' function($modal,$modalStack) {
    return {
        trigger: function(template) {
            $modal.open({
                templateUrl: template,close: function(reason) {
            $modalStack.dismissAll(reason);
        }
    };
}]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!