AngularJS : How to use one resolve for all the routes of my application

Question

I would like to resolve the promise that loads the current user for all the pages of my application. Currently I repeat the resolve in every $routeProvider.when() of my routes.

  $routeProvider.when('/users/edit/:userId', {   templateUrl: 'app/app/assets/partials/user-edit.html',    controller: 'UserEditController',   resolve:{       'currentUser':function( UserService){                     return UserService.getCurrentUser();       }   }   });      $routeProvider.when('/staff_profil/edit', {   templateUrl: 'app/app/assets/partials/profil-edit.html',    controller: 'ProfilEditController',   resolve:{       'currentUser':function( UserService){                     return UserService.getCurrentUser();       }   }  }); 

My goal is to resolve my current user for all the routes without repetition.

Answer 1

For completeness, here is the whole solution, using angular instead of underscore, with a chainable 'when'. Nothing new in this code, just combined a bunch of the answers above.

var originalWhen = $routeProvider.when;      $routeProvider.when = function(path, route) {         route.resolve || (route.resolve = {});         angular.extend(route.resolve, {             CurrentUser : function(User) {                 return User.current();             }         });          return originalWhen.call($routeProvider, path, route);     };