CODEWITHSUNDEEP
angularjsangularjs-routing
Francisc
Francisc

Reputation: 80505

How to cleanly specify a resolve property for a route

I want to find a clean way to set resolve for a route.

From what I've seen there's 3 main ways of doing this:

Is there a better way to do this then the above, especially if I need a resolve shared between similar routes. (e.g. /people and /people/:personID)

Thanks.

Upvotes: 1

Views: 235

Answers (1)

marcoseu
marcoseu

Reputation: 3952

How about creating a .constant and inject it during your .config phase? If you look at AngularJS documentation for .constant, you will see that you can define a function as a constant.

So, you should be able to do something like:

app.constant("Resolver", {
  "MessageUtils": function () {
    return {
      get: function (message) {
        return "MUTIL: " +  message;
      }
    }
  }
});

Then you would use it as:

app.config(function ($routeProvider, Resolver) {
  $routeProvider.when("/home", {templateUrl: ..., resolve: Resolver, ...})
...

Here is a working plunker:
http://plnkr.co/edit/psuYHu4rtlp4o42ZgqVs?p=preview

I had a similar request in my angularAMD project and I created a function called .route to help me set the resolve property when defining routes. Here is a link to the code.

Upvotes: 3

Related Questions