Quale funzione viene chiamata ogni volta che l'URL cambia in AngularJS?

Question

Devo fare in modo che una coda di tutte le richieste avvenga contemporaneamente senza attendere la risposta dalla richiesta precedente in angularjs.
Ho una funzione di caricamento che mostra il caricamento div ogni volta che cambio la rotta url ma non è ok per fare un arretramento di coda in quella funzione.

Qualcuno può dirmi quale funzione viene chiamata nelle rotte angularjs ogni volta che cambio la route url?
ecco il codice itinerari:

angular.module('myApp', ['myApp.directives', 'myApp.services', 'myApp.filters']).config(
    function($routeProvider, $locationProvider, $httpProvider) { 
     $locationProvider.html5Mode(false); 
     $locationProvider.hashPrefix('!'); 

     $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 

     var loading = function (data, headersGetter) { 
      $('loadingDiv').show(); 
      return data; 
     }; 
     $httpProvider.defaults.transformRequest.push(loading); 

     $routeProvider. 
     when('/', { 
      templateUrl: 'elements/home/home.html', 
      controller: homeCtrl 
     }); 
    }); 

Answer 1

si potrebbe usare qualcosa di simile:

.run(function($rootScope, $location) { 
    $rootScope.$watch(function() { 
     return $location.path(); 
    }, 
    function(a){ 
     console.log('url has changed: ' + a); 
     // show loading div, etc... 
    }); 
}); 

Answer 2

$route servizio ha una serie di eventi è possibile monitorare utilizzando $.on in un controllore:

$rootScope.$on("$routeChangeStart", function(args){}) 

$rootScope.$on("$routeChangeSuccess".... 

$rootScope.$on("$routeChangeError".... 

Vedere documento $route

È possibile impostare ng-show sul proprio elemento anziché utilizzare jQuery e impostare la variabile su true nella chiamata $routeChangeStart e false nella richiamata $routeChangeSuccess.

Un buon demo per questi eventi: https://github.com/johnlindquist/angular-resolve