Maybe you want to add a global "resolve" property to all routes in an angular app, this is one way you could achieve that. I would probably still factor out the logic inside my app.config block into some sort of Service abstraction, but this should serve as enough of a general idea.

route_manifest.js

app.constant("RouteManifest", {
  "/login" : {
    templateUrl: 'templates/login.html',
    controller: 'LoginController'
  },
  
  "/home" : {
    templateUrl: 'templates/home.html',
    controller: 'HomeController'
  },
  
  "/books" : {
    templateUrl: 'templates/books.html',
    controller: 'BooksController',
    resolve: {
      books : function(BookService) {
        return BookService.get();
      }
    }
  }
});

app.config(function($routeProvider, RouteManifest) {

  var addGlobalResolveToRoutes = function(manifest) {
    _(manifest).each(function(config, path) {
      var extendedResolveConfig = _(config.resolve).extend({ nameOfGlobalResolve: function() { ... }});
      manifest[path].resolve = extendedResolveConfig;
    });
  };
  
  var routes = addGlobalResolveToRoutes(RouteManifest);
  
  _(routes).each(function(path, config) {
    $routeProvider.when(path, config);
  });

  $routeProvider.otherwise({ redirectTo: '/login' });

});

nice suggest! however it looks like mistake here -

var routes = addGlobalResolveToRoutes(manifest);
// -> should be like:
var routes = addGlobalResolveToRoutes(RouteManifest);

Corrected, thanks @voronianski :)

Would this work for Angular UI's $stateService as well?

I could be wrong (I'm a newbie in javascript, undescore, angular and all that) but it seems to me like there are some issues in the code:

• Line 27: if the config.resolve is undefined, then the _.extend doesn't seem to work
• Line 32: since the addGlobalResolveToRoutes doesn't have a return statement, we shouldn't assign its value to the routes variable.
• Line 34, path and config should be swapped.

So in the end, the following is working for me:

myApp.config([ '$routeProvider', 'RouteManifest', function($routeProvider, RouteManifest) {
  var addGlobalResolveToRoutes = function(manifest) {
    _(manifest).each(function(config, path) {
      var extendedResolveConfig = _(config.resolve || {}).extend({ nameOfGlobalResolve: function() { ... }});
      manifest[path].resolve = extendedResolveConfig;
    });
  };

  addGlobalResolveToRoutes(RouteManifest);
  _(RouteManifest).each(function(config, path) {
    $routeProvider.when(path, config);
  });

  $routeProvider.otherwise({
    redirectTo : '/login'
  });
} ]);

Still, thanks for the snippet :)

Another (and simpler) way to to this: http://stackoverflow.com/a/19938307

Here is another discussion of a solutoin: https://spin.atomicobject.com/2014/10/04/javascript-angularjs-resolve-routes/

@davemo shouldn't the addGlobalResolveToRoutesfunction return the manifest modified ? otherwise I don't see how var routes = addGlobalResolveToRoutes(RouteManifest); could return something ... ?