directive for confirmation on delete button in AngularJS

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, Aug 25 '14 at 07:46
yes@ hasH , how can i avoid it ? @boyD - I'm using fiddle for first time, may be something is wrong. — Manjit Kumar, Aug 25 '14 at 07:55
Duplicate with great answer here: http://stackoverflow.com/a/23718694/289545 — m3z, Aug 26 '15 at 10:32

score 2 · Accepted Answer · answered Aug 25 '14 at 08:01

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.

directive for confirmation on delete button in AngularJS

1 Answers1