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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何从任何地方关闭Angular UI Modal前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 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);
        }
    };
}]);

猜你在找的Angularjs相关文章