How to differentiate between namespaces of injected modules in AngularJS?

Question

Lets say I have a controller, which depends on two modules that both contain a directive or a service with the same name. Can I specify which one exactly should be used?

angular.module('myApp', ['secondModule', 'thirdModule'])
    .controller('Ctrl1', ['$scope', 'myService', function(scope, myService){
        scope.user = myService.getUser();   
        console.log(myService); 
}]);

In this case both secondModule and thirdModule have a service called myService. But only the one from the thirdModule will be used in this example. I tried putting something like secondModule.myService as a dependency for Ctrl1, but it wouldn't work. Is there some kind of namespacing in AngularJS?

you should really avoid this!! at the moment this does not seem possible — Arshabh Agarwal
– Arshabh Agarwal, Commented Feb 21, 2013 at 21:40
This seems like a real issue when developing large scale apps which could have many directives/services/constants etc. Using simple naming conventions isn't a strong enough mechanism imo. — Brett Postin
– Brett Postin, Commented Apr 18, 2013 at 12:57

satchmorun · Accepted Answer · 2013-02-21 21:31:05Z

2

At the moment, no, there is no module based namespacing. You'll have to avoid collisions on your own.

I believe there was some discussion about this, but I can't find it at the moment.

answered Feb 21, 2013 at 21:31

satchmorun

12.5k2 gold badges43 silver badges27 bronze badges

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

Comments

Roy Truelove · Accepted Answer · 2013-02-22 00:35:15Z

0

I use the following convention: https://github.com/roytruelove/angular-grunt-coffeescript#modules-and-angular-items

answered Feb 22, 2013 at 0:35

Roy Truelove

22.6k21 gold badges116 silver badges154 bronze badges

Comments

Rockallite · Accepted Answer · 2015-06-26 15:39:45Z

0

How about namespacing the services (and also controllers)?

angular.module('secondModule', [])
    .factory('secondModule.myService', function($http) {
        return {
            getUser: function() { /* some code here */ }
        };
    });

angular.module('thirdModule', [])
    .factory('thirdModule.myService', function($http) {
        return {
            getGroup: function() { /* some code here */ }
        };
    });

angular.module('myApp', ['secondModule', 'thirdModule'])
    .controller('myApp.Ctrl1',
        ['$scope', 'secondModule.myService', function(scope, myService){
            scope.user = myService.getUser();   
            console.log(myService); 
        }]
    );

answered Jun 26, 2015 at 15:39

Rockallite

17.1k7 gold badges56 silver badges49 bronze badges

Collectives™ on Stack Overflow

How to differentiate between namespaces of injected modules in AngularJS?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related