如何从任何地方关闭 Angular UI Modal [英] How to close Angular UI Modal from anywhere
本文介绍了如何从任何地方关闭 Angular UI Modal的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 Angular UI 引导模式对话框并在服务中创建它:
I am using the Angular UI bootstrap modal dialog and create it within a service:
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()
时如何关闭所有模态实例?
How can I close all modal instances when calling ModalService.close()
from a controller or whatsoever?
推荐答案
注入$modalStack
服务并调用$modalStack.dismissAll()
函数,见代码在 GitHub 上了解详情:
Inject the $modalStack
service and call the function $modalStack.dismissAll()
, see the code on GitHub for details:
myApp.factory('ModalService', ['$modal', '$modalStack' function($modal, $modalStack) {
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(reason) {
$modalStack.dismissAll(reason);
}
};
}]);
这篇关于如何从任何地方关闭 Angular UI Modal的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文