How to use global constants in AngularJs constant

Question

How to use Global constants in app configuration constants.

In Constant.js

var ConstantAPI = {
  baseUrl: "http://localhost:4200",
}

In appConfiguration.js

(function () {
    'use strict';
    myModule.constant('appConfiguration', {
        getEmployee : ConstantAPI.baseUrl + '/getEmployee',
})();

Error: ConstantAPI is not defined

Answer 1

Why not define it in the constant itself. It should be something like this,

var myModule = angular.module('myApp', []);

app.constant('ConstantAPI ', {
    baseUrl: "http://localhost:4200",
});

app.provider('appConfiguration', ['ConstantAPI', function(ConstantAPI) {
   getEmployee : ConstantAPI.baseUrl + '/getEmployee',
}]);

Answer 2

You have to define constants in a separate file as follows.

var MyApp= angular.module("myapp");

MyApp.constant("ConstantAPI",
{
  baseUrl: "http://localhost:4200",      
});

Check this Plunker