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/

檢查和嘗試。

問候