How should I manage configuration for different environments in AngularJS

Question

How should I manage different environment settings in AngularJS projects? For example, I'd like to configure things like this different depending on whether I'm in development, test, staging or production:

Redirect URLs for single sign on
URLs for other services (especially those that support CORS or JSONP i.e. not on the same domain)

On the server side, in Django I'd use settings and local_settings or in Rails, I'd use different environment files like production.rb or development.rb. What's the best practice in AngularJS?

http://stackoverflow.com/questions/16339595/angular-js-configuration-for-different-enviroments — DanS, Jul 25 '13 at 13:52

score 1 · Answer 1 · answered Jul 25 '13 at 23:53

The solution we use is rather straight forward. Django (or Flask in our case) passes a variable that contain all the api urls to the template where I transform it into a global javascript variable.

I then have a constant defined in Angularjs which fetches that variable. At this point all my services use that constant to retrieve the necessary api url.

score 1 · Accepted Answer · edited May 23 '17 at 10:33

1

May be this lib https://www.npmjs.com/package/grunt-ng-constant could help u.

This question is related to How do I configure different environments in Angular.js?

edited May 23 '17 at 10:33

Community

1
1

answered Jan 02 '15 at 17:03

phani

1,134
1
11
24

How should I manage configuration for different environments in AngularJS

2 Answers2