Dynamic dependency injection in Angular ui-router resolve

Question

Is there any way to make dependency injection inside ui-router resolve function?

I trying to achieve something like this:

resolve : {
    anArray : function(/* no dependencies yet */) {
        var currency = 'eur';

        //here I'd like to make a dependency injection
        var currencyDetail = /*injected dependency*/.get();
        return currencyDetail;
    }
}

In the original project I have a large array at currency and a long list of services like eurdata, usddata etc, many of them not always used in resolving anArray.

Tried $injector.get(currency + 'data') but not worked.

Pankaj Parkar · Accepted Answer · 2016-03-10 19:33:27Z

2

You can have $injector inject inside resolve function and ask for dependency to it

resolve : {
    anArray : ['$injector', function($injector) {
        var currency = 'eur';

        //here I'd like to make a dependency injection
        var currencyDetail = $injector.get(dependencyName);
        return currencyDetail;
    }]
}

answered Mar 10, 2016 at 19:33

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

neptune Over a year ago

Yep. I forgot to inject the $injector. Thanks.

JanS · Accepted Answer · 2016-03-10 19:24:28Z

2

You can use the usual array-notation:

resolve: {
  anArray: ['dependency', function(dependency) {
    var currency = 'eur';

     //here I'd like to make a dependency injection
     dependency.doSomething();

    var currencyDetail = /*injected dependency*/.get();
    return currencyDetail;
  }]
}

answered Mar 10, 2016 at 19:24

JanS

2,0653 gold badges29 silver badges30 bronze badges

6 Comments

neptune Over a year ago

As I see, you directly injecting a dependency called dependency, but in my case I don't have any dependencies at that point. I want to inject them inside the function.

JanS Over a year ago

So, at what point would you have them? Do you dynamically create services? Are you loading them from a backend?

neptune Over a year ago

I have all the services created, but I don't want to inject all of them, just a fraction, based on currency.

JanS Over a year ago

Ah, okay. Then you could use Pankaj's answer. But bear in mind, that it wouldn't be minification safe. Use the array-notation to ensure minification safety.

JanS Over a year ago

@PankajParkar, yeah. I either missed it, or you edited your answer. Anyways, it's correct now

|

Collectives™ on Stack Overflow

Dynamic dependency injection in Angular ui-router resolve

2 Answers 2

1 Comment

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Related