Débogage de route, à condition de routeProvider

Vous pouvez écouter plusieurs événements émis par le $service de l'itinéraire. Ces événements sont:

• $routeChangeStart
• $routeChangeSuccess
• $routeChangeError
• et, $routeUpdate

(J'encourage la lecture de la documentation fournie par le lien pour les descriptions de chacun.)

À ce stade, vous pouvez écouter l'un ou l'ensemble de ces événements sur la $scope de l'un de vos contrôleurs ou des directives, ou par l'injection de $rootScope dans votre angular.module().run() fonction ou d'un autre service/de l'usine.

Par exemple, comme un additif à votre code fourni:

reportFormsApp.config(function ($routeProvider) {
  $routeProvider
    .when("/Reporting", { templateUrl: "ReportForm/rfTemplate.html", controller: "rfController" })
    .when("/Dashboard", { templateUrl: "DashboardForm/dfTemplate.html", controller: "dfController" })
    .when("/Analysis",  { templateUrl: "AnalysisForm/afTemplate.html", controller: "afController" })
    .otherwise({ redirectTo: "/Reporting" })
});

reportFormsApp.run([
  '$rootScope',
  function($rootScope) {
    //see what's going on when the route tries to change
    $rootScope.$on('$routeChangeStart', function(event, next, current) {
      //next is an object that is the route that we are starting to go to
      //current is an object that is the route where we are currently
      var currentPath = current.originalPath;
      var nextPath = next.originalPath;

      console.log('Starting to leave %s to go to %s', currentPath, nextPath);
    });
  }
]);

Vous pouvez également accéder au reste de votre $routeProvider objets comme des current.templateUrl ou next.controller.

Remarque concernant redirectTo:
Il est un objet d'exception à l'aide de la $route service événements et c'est quand il y a une redirection. Dans ce cas, next.originalPath sera pas défini, car tout ce que vous avez est le redirectTo de la propriété que vous avez défini dans otherwise(). Vous ne verrez jamais la route que l'utilisateur a essayé d'accès.

Ainsi, vous pouvez écouter de la $emplacement du service $locationChangeStart ou $locationChangeSuccess événements:

reportFormsApp.run([
  '$rootScope',
  function($rootScope) {
    //see what's going on when the route tries to change
    $rootScope.$on('$locationChangeStart', function(event, newUrl, oldUrl) {
      //both newUrl and oldUrl are strings
      console.log('Starting to leave %s to go to %s', oldUrl, newUrl);
    });
  }
]);

Si vous utilisez HTML5Mode alors il y aura deux autres arguments fournis par le $locationChange* événements. Ceux-ci sont newState et oldState.

En conclusion, l'écoute de la $route* événements sera probablement votre meilleur pari pour le débogage des objets et des définitions que vous fournissez dans votre $routeProvider. Toutefois, si vous avez besoin de voir tous les url objet d'une tentative, de la $locationChange* les événements devront être écouté.

En cours de AngularJS 1.3.9