directive for confirmation on delete button in AngularJS [duplicate]

Question

I am using this directive for confirmation on delete button. But either i click cancel or yes it deletes the app.

<small class="btn" ng-click="delete_app(app.app_id)" ng-show="app.app_id" ng-confirm-click="Are you sure you want to delete this app? You will loose all data and metrics associated with this app."> Delete </small>

.directive('ngConfirmClick', [
    function(){
        return {
            link: function (scope, element, attr) {
                var msg = attr.ngConfirmClick || "Are you sure you want to delete this app? You will loose all data and metrics associated with this app.";
                var clickAction = attr.confirmedClick;
                element.bind('click',function (event) {
                    if ( window.confirm(msg) ) {
                        scope.$eval(clickAction)
                    }
                });
            }
        };
}])

Your ng-click would be executing anyway. I think that's the problem. — Gaurav
– Gaurav, Commented Aug 25, 2014 at 7:46

yazaki · Accepted Answer · 2014-08-25 08:01:34Z

2

Nothing seems to be wrong in your directive code.
You can write html like below.
Of course your controller needs to have the method named 'test' to be called.

<button ng-confirm-click confirmed-click="test()">Test</button>

If you click 'cancel' button on confirming dialog, the method would not be called properly.

answered Aug 25, 2014 at 8:01

yazaki

1,6421 gold badge13 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

directive for confirmation on delete button in AngularJS [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related