¿Cómo puedo hacer que un template se muestre temporalmente durante 5 segundos al acceder a una ruta especifica con id -La ruta con id ya tiene su propio template-, luego de los 5 segundos que se muestre el template que debió mostrarse originalmente en la ruta? Eh buscado en todas partes y no eh encontrado nada al respecto. :(
Esto es un ejemplo de como tengo las rutas:
.config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider){
$routeProvider
.when('/',{
redirectTo: '/news'
})
.when('/news',{
templateUrl: 'html/news.html',
controller: 'newsCtrl',
controllerAs: 'news',
title: 'Noticias'
})
.when('/news/:id',{
templateUrl: 'html/article.html',
controller: 'articleCtrl',
controllerAs: 'article',
title: 'Artículo'
})
.otherwise({
redirectTo: '/error404'
});
$locationProvider.html5Mode(true).hashPrefix('!');
}]);
Este código hace que el template se muestre en cierto tiempo, talvez se podría hacer con algo así, no?
resolve: {
delay: function($q,$timeout){
var delay = $q.defer();
$timeout(delay.resolve, 250);
return delay.promise;
}
}