How to inject multiple providers in app.config in Angularjs

Question

I have multiple providers in my project and each provider have its own constructor,I am trying to inject all these providers into main app.config. I tried bellow scenario but its not working

tried to add all providers inside the array itself but its not working

app.config([
'EquityValueProvider', function (EquityValueProvider) {
EquityValueProvider.setAPIURL('https://localhost:44333/api/equityvalue');
},
'HeatMapServiceProvider', function (HeatMapServiceProvider) {
HeatMapServiceProvider.setAPIURL('https://localhost:44333/api/equityvalue');
},
'RetailerProvider', function (RetailerProvider) {
RetailerProvider.setAPIURL('https://localhost:44333/api/equityvalue');
}]);

but the bellow code is working (multiple config)

 app.config([
'EquityValueProvider', function (EquityValueProvider) {
EquityValueProvider.setAPIURL('https://localhost:44333/api/equityvalue');
 }])
.config([
'HeatMapServiceProvider', function (HeatMapServiceProvider) {
HeatMapServiceProvider.setAPIURL('https://localhost:44333/api/equityvalue');
}])
.config([
'RetailerProvider', function (RetailerProvider) {
RetailerProvider.setAPIURL('https://localhost:44333/api/equityvalue');
}]);

But here i am adding multiple config,instead of that can i make a single config and add all the providers.

georgeawg · Accepted Answer · 2019-01-21 15:10:45Z

1

Provide three arguments to the config function:

app.config([
    'EquityValueProvider','HeatMapServiceProvider','RetailerProvider',   
    function (EquityValueProvider,HeatMapServiceProvider,RetailerProvider) {       
        EquityValueProvider.setAPIURL('https://localhost:44333/api/equityvalue');
        HeatMapServiceProvider.setAPIURL('https://localhost:44333/api/equityvalue');
        RetailerProvider.setAPIURL('https://localhost:44333/api/equityvalue');
    }
]);

For more information, see AngularJS Developer Guide - Dependency Injection.

answered Jan 21, 2019 at 15:10

georgeawg

49k13 gold badges77 silver badges98 bronze badges

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

Comments

Srdjan · Accepted Answer · 2019-01-21 15:44:26Z

1

Here is how:

app.config([
'EquityValueProvider'
'HeatMapServiceProvider',
'RetailerProvider',
 function (EquityValueProvider, HeatMapServiceProvider, RetailerProvider) {
   EquityValueProvider.setAPIURL('https://localhost:44333/api/equityvalue');
   HeatMapServiceProvider.setAPIURL('https://localhost:44333/api/equityvalue');
   RetailerProvider.setAPIURL('https://localhost:44333/api/equityvalue');
}]);

You can add as many providers as you want.

edited Jan 21, 2019 at 15:44

answered Jan 21, 2019 at 15:09

Srdjan

5823 silver badges6 bronze badges

Collectives™ on Stack Overflow

How to inject multiple providers in app.config in Angularjs

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related