Skip to main content
2 de 4
se añadieron 541 caracteres en el cuerpo
devconcept
  • 12.8k
  • 3
  • 42
  • 57

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.

devconcept
  • 12.8k
  • 3
  • 42
  • 57