configuration file in angular js

You can use angular.constant for configurations.

app.constant('appConfigurations', { link_url: "http://localhost:8080/api", //For production u can simply change the link_url //link_url: "http://production_url/api" }); 

There are ways you can deal with it , but while coming to our implementation we used to do the following way

1. Create an External Environment js file

   (function (window) { window.__env = window.__env || {}; window.__env.apiUrl = 'your Api Url'; }(this)); 

2. In your Index.html

add env.js above the app.js

<!-- Load environment variables --> <script src="env.js"></script> 

3. In your app.js

   var envr ={}; if(window){ Object.assign(envr,window.__env) } // Define AngularJS application var app= angular.module('myapp', []);

   // Register environment in AngularJS as constant app.constant('__env', env);

   Update:

For adding additional URl in Config File:

(function (window) { window.__env = window.__env || {}; window.__env.apiUrl = 'your Api Url'; //Another Url window.__env.baseUrl ='/'; }(this));