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/

Проверить и попробовать.

С уважением