AngularJS - Error injecting service from a different module

Question

I'm new to AngularJs and I am not able to quite figure out the issue below.

In the example below, there are 2 services MongoRESTService & MongoRESTService2 defined in module common-services.

Main module olive depends on common-services, and the main controller tries to invoke functions in those 2 services above.

Though I was able to call the function MongoRESTService.get() successfully, MongoRESTService.queryMongoData() is throwing below error.

Error Message

angular.js:10126 Error: [$injector:unpr] http://errors.angularjs.org/1.2.28/$injector/unpr?p0=MongoRESTService2Provider%20%3C-%20MongoRESTService2

Unknown provider: MongoRESTService2Provider <- MongoRESTService2

Code

// services.js

var oliveModule = angular.module('common-services')

oliveModule.service('MongoRESTService', function($http, $q, $scope) {

   this.get = function(path){
      ...
   };
});

oliveModule.service('MongoRESTService2', function($scope, MongoRESTService) {
    this.queryMongoData = function (){
        MongoRESTService.get('/clients').then(function(data){
            $scope.clients = ...;
        });
    };
});


// main.js
var oliveModule = angular.module('olive', ['common-services']);

oliveModule .controller('MainController',
    function($scope, $http, MongoRESTService, MongoRESTService2) {
        //this line works
        MongoRESTService.get('/clients').then(function(data){
            ...
        })

        //this throws error
        MongoRESTService2.queryMongoData();
    }
);

yUdoDis · Accepted Answer · 2014-12-24 06:33:18Z

4

It is exactly as the error states,

so try

oliveModule.service('MongoRESTService2',['$scope','MongoRESTService',function($scope, MongoRESTService) {
    this.queryMongoData = function (){
        MongoRESTService.get('/clients').then(function(data){
            $scope.clients = ...;
        });
    };
}]);

answered Dec 24, 2014 at 6:33

yUdoDis

1,0986 silver badges15 bronze badges

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

1 Comment

yUdoDis Over a year ago

if you need clarification, this is known as the 'array notation' of dependency injection .. docs.angularjs.org/guide/di

Collectives™ on Stack Overflow

AngularJS - Error injecting service from a different module

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related