2

Lo que quiero hacer es que esta ruta no se guarde en el historial del navegador, ¿alguien sabe cómo?

app.config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider){
    $routeProvider
      .when('/news/:id/sponsor',{
        templateUrl: 'html/sponsor.html',
        controller: 'sponsorCtrl',
        controllerAs: 'sponsor',
        title: 'Patrocinador',

        // Tal vez con una función en "resolve:{}", no?
        resolve: {

        }

      });
      $locationProvider.html5Mode(true).hashPrefix('!');
  }]);

1 respuesta 1

0

Técnicamente hablando no puedes evitar que lo guarde, lo que puedes es reemplazar la url actual con la nueva dando impresión que nunca se navegó. Así cuando presione atrás no navegará de nuevo a esa url sino a la primera.

En lugar de

url1 -> url2 -> url3

Tendrías

url1 -> url2 -> url3

Por lo que la url2 no queda registrada.

Esto sólo lo puedes hacer por código usando el método replace del servicio $location.

Aquí hay un ejemplo

angular.module('app', ['ngRoute'])
  .config(function($routeProvider) {
    $routeProvider
      .when('/url1', {
        template: '<h1>Esta es una página de prueba</h1><h2>url1</h2><p>Presionar atrás en url3 debería retornar directamente a esta página</p><p>Haga <a href="#/url2">click</a> para continuar</p>'
      })
      .when('/url2', {
        template: '<h1>Página a eliminar</h1><h2>url2</h2><p>Haga <a class="sample" ng-click="eliminaHistorial()">click</a> para continuar</p>',
        controller: 'HistorialCtrl'
      })
      .when('/url3', {
        template: '<h1>Ultima página</h1><h2>url3</h2><p>Haga <a class="sample" ng-click="goBack()">click</a> para simular el back del navegador</p>',
        controller: 'BackCtrl'
      })
      .otherwise({
        redirectTo: '/url1'
      });
  })
  .controller('HistorialCtrl', function($scope, $location) {
    $scope.eliminaHistorial = function() {
      $location.path('/url3').replace();
    }
  })
  .controller('BackCtrl', function($scope, $window) {
    $scope.goBack = function() {
      $window.history.back();
    };
  });
a,
a.sample {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
<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>

1
  • Gracias @devconcept el 5 sep. 2016 a las 18:48

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.