Angular $routeProvider - Adding Route Resolve Programmatically

Question

I'd like to add Angular resolve dynamically after it was defined by the app. Imagine, my app is defined with routes like this:

app.config(['$routeProvider', function ($routeProvider) {
  $routeProvider
    .when("/", {templateUrl: "partials/home.html", controller: "PageCtrl"   })
    .when("/services", {templateUrl: "partials/services.html", controller: "PageCtrl"   })
}]);

Then later I want to add/edit/override specific route(s) to resolve a promise:

app.config(['$routeProvider', function ($routeProvider) {
  $routeProvider
    .when("/services", {templateUrl: "partials/services.html", controller: "PageCtrl",  ,resolve:{getData: function(myService){return myService.getOffer();}}    })
}]);

How do I do this? The key here is adding after it was defined/configured. So this code will run at some point in the future.

Estus Flask · Accepted Answer · 2015-11-03 20:38:49Z

1

It is

app.run(function ($route) {
  var route = $route.routes['/...'];
  route.resolve = route.resolve || {};
  route.resolve.someResolver = ...;
});

answered Nov 3, 2015 at 20:38

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Vad Over a year ago

This does nicely work for the page I add resolve to (eg: $route.routes['/services'];)... But when I go to other pages I get Angular Error: [$injector:unpr]

Estus Flask Over a year ago

Since you use the same controller for all routes, I guess you're injecting a resolver there on the route where you didn't define this resolver.

Vad Over a year ago

I added route.controller = "PageCtrl"; inside - but that did not fix. Is this what you refer to?

Estus Flask Over a year ago

Please, post your controller code. I assume that you're injecting a resolver into the controller on the route which doesn't have this resolver.

Vad Over a year ago

I understood. Thank you. I indeed was injecting a undefined resolver into the controller

|

Collectives™ on Stack Overflow

Angular $routeProvider - Adding Route Resolve Programmatically

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related