AngularJS module.constant() : how to define a constant inside a module only?

Question

On a page, I have several Angular modules. For each module I define a constant which contains the version of the module.

var module1 = angular.module('module1').constant('version', '1.2.3');
var module2 = angular.module('module2').constant('version', '2.0.0');
...

I though a constant was defined inside a module. But when I use the constant inside module1, the value I get is '2.0.0'...

Is there a way to define a constant (or anything else) which is proper to a module ?

Edit: for alternative solutions, could you please explain how to use it, for example in a controller declaration ?

module2.controller('myCtrl', function( $scope, $http, $q, ..., version ){
    // Here I can use the constant 'version'
}

see if you import module2 as a dependency of module1, in that case the version constant may get overriden — nhd
– nhd, Commented Jan 18, 2016 at 15:01
Possible duplicate of Modules and namespace / name collision in AngularJS — Zakaria
– Zakaria, Commented Jan 18, 2016 at 15:09

Andrei CACIO · Accepted Answer · 2016-01-18 15:56:47Z

6

A very good question. I could think of a quick fix for this:

angular.module('module1').constant('module1.version', '1.2.3');
angular.module('module2').constant('module2.version', '2.0.0');

I don't know how much it suits your needs. But I hope it helps.

The main problem is the naming in Angular. You cannot have the same name for services/constants/values etc. They will be overwritten. I solved this problem with "namespaces" like I showed you above.

Example of injecting namespace like names: http://codepaste.net/5kzfx3

Edit:

For your example, you could use it like so:

module2.controller('myCtrl', ['$scope', '$http', '$q', ... , 'module2.version'], function( $scope, $http, $q, ..., version ){
    // Here I can use the constant 'version'
}

edited Jan 18, 2016 at 15:56

answered Jan 18, 2016 at 15:03

Andrei CACIO

2,12915 silver badges28 bronze badges

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

5 Comments

Eria Over a year ago

How can I inject a constant having a dot in its name ? (for example in a controller inside my module)

Andrei CACIO Over a year ago

angular.module().service(['module1.version'], function(version){}); You can have aliases. It's also a best practice to inject dependencies like this. Example: codepaste.net/5kzfx3

Eria Over a year ago

Doing what you suggest for the injection give me the following error : Unknown provider: module1.infoProvider <- module1.info <- myCtrl

jkris Over a year ago

this requires more explanation. why can't there be the same name for providers when they belong to different modules?

Andrei CACIO Over a year ago

Because Angular wouldn't know what service to inject. If you have 2 modules with 2 services with the same name and you inject a service, Angular doens't konw which service to inject. Angular DI works on names. It searches the name of the dependency, not it's module of origin.

Serginho · Accepted Answer · 2016-01-18 15:05:49Z

1

That happens because module2 is overriding module1 constant.

You can use moduleName.version as a name, but it's not possible to use the same name.

answered Jan 18, 2016 at 15:05

Serginho

7,5303 gold badges31 silver badges54 bronze badges

Collectives™ on Stack Overflow

AngularJS module.constant() : how to define a constant inside a module only?

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related