AngularJS: Route zu verhindern ändert

Question

Ich habe in meinem Controller folgendes versuchte dabei:

$scope.$on("$routeChangeStart", function (event, next, current) { 
     if (!confirm('are you sure ?')) { 
     event.preventDefault();   
     } 
    }); 

Aber es funktioniert nicht. Soll das nicht der richtige Weg sein?

Answer 1

ich landete mit ui-router, so wie ich es tue:

$scope.$on('$stateChangeStart', function (event) { 
    if (!confirm('are you sure ?')) { 
     event.preventDefault(); 
    } 
}); 

und es funktioniert.

Answer 2

Ich würde eine Richtlinie auf Ihre Links setzen, die vor dem Ändern der Route bestätigt werden sollte. Ich habe es nur in JSFiddle prototypisiert, ich habe es nicht getestet. Aber ich denke, das sollte der richtige Weg sein.

(function (angular) { 
    module = angular.module('confirm', []); 
    ConfirmDirective = function() { 
     return { 
     restrict: 'A', 
     link: function (scope, elm, attrs, ctrls) { 
      angular.element(elm).bind('click', function (event) { 
       alert("Sure?"); 
       event.preventDefault(); 
       return false; //or true, depends on you 
      }); 
     } 
    }; 
    }; 
    module.directive("confirm", ConfirmDirective); 
}(angular)); 

http://jsfiddle.net/L6xBF/3/

prüfen und versuchen Sie es.

Grüße