angularjs:确认对话框无法正常工作

时间:2016-06-22 09:35:46

标签: angularjs

我正在尝试在angularjs中创建一个确认对话框,我在stackoverflow中找到了一个回答的问题 Confirmation dialog on ng-click - AngularJS 我尝试了它,因为它被回答,但当我点击取消它的工作,如果我点击确定是答案错误或我应该添加其他东西

    <button type="button"  ng-click="updateData()" ng-confirm-click="Are you sure?">
            Update
    </button>

指令

    app.directive('ngConfirmClick', [
    function(){
        return {
            link: function (scope, element, attr) {
                var msg = attr.ngConfirmClick || "Are you sure?";
                var clickAction = attr.confirmedClick;
                element.bind('click',function (event) {
                    if ( window.confirm(msg) ) {
                        scope.$eval(clickAction)
                    }
                });
            }
        };
}])

2 个答案:

答案 0 :(得分:2)

我有同样的问题,我解决了使用相同的指令,但是,我没有使用activetab作为用户确认的最终操作,而是使用了属性ng-click,最后的操作为它的价值。

HTML:

confirmed-click

指令:

<button confirmed-click="confirm()" ng-confirm-click="Are you really sure?">Update</button>

请参阅此fiddle

答案 1 :(得分:0)

答案是写的。只需将“ng-click”更改为“确认点击”即可正常使用

<button type="button"  confirmed-click="updateData()" ng-confirm-click="Are you sure?">
            Update
    </button>

只需检查木板Here