No necesitas localStorage para saber de que ruta vienes y hacia donde vas (y hacer una redirección basándose en una condición usando esa información). Para esta tarea ngRoute
cuenta con un evento $locationChangeStart
.
angular.module('app', ['ngRoute'])
.config(function($routeProvider) {
$routeProvider
.when('/', {
template: '<h1>Seleccione una página para navegar</h1><p>Ir a <a href="#/news/1">news 1</a></p><p>Ir a <a href="#/sponsor/1">sponsor 1</a></p>'
})
.when('/news/:id', {
template: '<h1>News</h1>'
})
.when('/sponsor/:id', {
template: '<h1>Sponsor</h1><p>Ir a <a href="#/news/1">news 1</a></p><p>Ir a <a href="#/news/2">news 2</a></p>'
})
.otherwise({
redirectTo: '/'
});
})
.run(function($rootScope, $location) {
$rootScope.$on('$locationChangeStart', function(evt, to, from) {
var toRegExp = /http:\/\/stacksnippets\.net\/js#\/news\/(\d+)/;
var fromRegExp = /http:\/\/stacksnippets\.net\/js#\/sponsor\/(\d+)/;
var toMatch = toRegExp.exec(to);
var fromMatch = fromRegExp.exec(from);
if (toMatch && (!fromMatch || toMatch[1] !== fromMatch[1])) {
console.log('Mala navegación detectada')
evt.preventDefault();
$location.path('/sponsor');
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.min.js"></script>
<div ng-app="app">
<div ng-view></div>
</div>
Los parámetros from
y to
te indicarán como esta ocurriendo la navegación. Puedes descomponer esas urls en partes y así sacar toda la información que necesites de ellas.
En el ejemplo estoy usando expresiones regulares para eso o puedes usar el método split('/')
y mirar los dos últimos registros.
Básicamente el algoritmo es si llegas a /news/id
y no vienes desde /sponsor/id
o los ids no son iguales cancelas la navegación.