Tengo un template
que se muestra temporalmente, el problema con esto es que se muestra sólo si doy clic en un enlace ya predefinido.
Lo que quiero hacer es que el template temporal se muestre al acceder a la URL con id (/news/:id) automáticamente.
Creo que esto se podría implementar guardando un valor con localStorage
, así si visito la URL /news/:id
el controlador ve si ese valor esta guardado, si es así entonces no muestra el template temporal, y si el valor "no está guardado" entonces si lo muestra.
El controlador lo que haría entonces es guardar el valor en el localStorage
si no lo está y mostrar el template temporal durante 5 segundos, entonces cuando el template temporal me redirija a la URL con id que debí haber accedido desde un principio que borre ese valor en el localStorage para cuando acceda nuevamente muestre el template temporal.
El problema es que no se como implementar algo así, espero que puedan ayudarme con un ejemplo, soy nuevo en esto de la programación.
<a ng-href="/news/{{item.id}}/sponsor"></a>
app.config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider){
$routeProvider
.when('/news/:id',{
templateUrl: 'html/article.html',
controller: 'articleCtrl',
controllerAs: 'article',
title: 'Artículo'
})
.when('/news/:id/sponsor',{
templateUrl: 'html/sponsor.html',
controller: 'sponsorCtrl',
controllerAs: 'sponsor',
title: 'Patrocinador'
});
$locationProvider.html5Mode(true).hashPrefix('!');
}]);
app.controller('sponsorCtrl', ['$scope','$interval','$location','$routeParams',
function($scope, $interval, $location, $routeParams) {
var promise;
$scope.time = 5;
promise = $interval(function() {
$scope.time = $scope.time - 1;
if ($scope.time === 0) {
$location.url('/news/' + $routeParams.id)
}
}, 1000, $scope.time);
$scope.$on('$destroy', function() {
$interval.cancel(promise);
});
}]);
app.run(function($rootScope, $location, $routeParams) {
$rootScope.$on('$locationChangeStart', function(evt, to, from) {
var toRegExp = '/news/' + $routeParams.id;
var fromRegExp = '/news/' + $routeParams.id + '/sponsor';
var toMatch = toRegExp.exec(to);
var fromMatch = fromRegExp.exec(from);
if (toMatch && (!fromMatch || toMatch[1] !== fromMatch[1])) {
evt.preventDefault();
$location.path('/news/' + $routeParams.id + '/sponsor').replace();
}
});
});