创建关闭模态angularjs的通用函数

时间:2015-09-28 10:58:17

标签: javascript jquery html angularjs uikit

我使用Uikit / angularjs,我会创建一个关闭模态的通用函数。实际上这是方法:

$scope.closeDialog = function() {
            var modal = UIkit.modal("#myModalId");
            if ( modal.isActive() ) {
                modal.hide();
            }
        };

在模态中我有

<button type="button" class="uk-button uk-button-primary" data-ng-click="closeDialog()">Close</button>

它的工作原理,但是这样我需要为每一个Modal创建一个新的函数..有没有办法概括这个函数可能会传递给对话框的id函数?我创建了一个jsfiddle,即使我得到了exaclty id,扼杀似乎也无法工作: http://jsfiddle.net/8y48q/62/

2 个答案:

答案 0 :(得分:1)

$scope.closeDialog = function(id) {
            $modalStack.dismissAll();
        };

这将解雇所有模态

http://jsfiddle.net/8y48q/64/

答案 1 :(得分:0)

只需将id传递给closeDialog即可。见http://jsfiddle.net/8y48q/63/

$scope.closeDialog = function(id) {
    var modal = UIkit.modal(id);
    if ( modal.isActive() ) {
         modal.hide();
    }
};