将js confirm()更改为bootstrap3模式

时间:2014-08-21 11:10:25

标签: javascript jquery angularjs

我需要知道我不能改变confirm()的外观但是有没有简单的方法来使用bootstrap3模态与confirm()相同?现在我有我的HTML:

 <button class="btn btn-danger" ng-click="delete(user.userId)" del-confirm="Do you really wish to delete: {{user.login}}" >Delete</button>

我的指示如下:

app.directive('delConfirm', [function() {
    return {
        priority: -1,
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.bind('click', function(e) {
                var message = attrs.ngConfirmClick;
                if (message && !confirm(message)) {
                    e.stopImmediatePropagation();
                    e.preventDefault();
                }
            });
        }
    };
}]);

它工作正常。当我单击delete指令时,要么停止传播,要么让我们单击调用函数。但是我无法使用模态重新创建它。使用角度对话服务也没有运气,因为它返回了承诺,并且不知道如何让它在正确的时间内停止传播。 内部调用函数是的答案对我来说不是一个很好的解决方案,因为我需要在几个不同的页面中使用它,每个页面都有不同的控制器,在其中一些我有几个不同的功能,我想在调用之前确认。当前的解决方案很有效,因为我只有一个指令可以在任何地方使用,因为HTML在ng-click中调用了适当的函数,该函数被暂停直到确认

提前致谢。

0 个答案:

没有答案