angularjs：防止路由变化

Question

我试着做在我的控制器以下几点：

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

但它不工作。这不应该是这样做的方式吗？

Answer 1

我结束了使用ui-router，所以我做的方式是：

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

和它的作品。

Answer 2

我会在你的链接上加一条指令，在更改路由之前应该确认。 我刚刚在JSFiddle中创建了它，我没有测试它。但我认为，这应该是正确的方式。

(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/

检查和尝试。

问候