Writing new angular service returns error Error: Unknown provider

Question

I'm trying to write a simple service following this tutorial. The code for adding the new service is:

'use strict';
var projectModule = angular.module('project',[]);
projectModule.factory('Team', function() {  
    return {
        thing : {
            x : 100
        }
    };
});

My controller code is:

var Controllers = angular.module('fixedTeam',[]);
Controllers.controller('controller', function ($scope,$http,$location,Team) {
    $scope.getFixedTeam = function(){
        console.debug(Team.thing);
    }
});

When I load the view, I get the following error:

Error: Unknown provider: TeamProvider <- Team
createInjector/providerInjector<@http://localhost:8080/tm-webapp/resources/lib/angular.js:2734
getService@http://localhost:8080/tm-webapp/resources/lib/angular.js:2862
createInjector/instanceCache.$injector<@http://localhost:8080/tm-webapp/resources/lib/angular.js:2739
getService@http://localhost:8080/tm-webapp/resources/lib/angular.js:2862
invoke@http://localhost:8080/tm-webapp/resources/lib/angular.js:2880
instantiate@http://localhost:8080/tm-webapp/resources/lib/angular.js:2914
@http://localhost:8080/tm-webapp/resources/lib/angular.js:4805
update@http://localhost:8080/tm-webapp/resources/lib/angular.js:14198
Scope.prototype.$broadcast@http://localhost:8080/tm-webapp/resources/lib/angular.js:8307
updateRoute/<@http://localhost:8080/tm-webapp/resources/lib/angular.js:7463
qFactory/defer/deferred.promise.then/wrappedCallback@http://localhost:8080/tm-webapp/resources/lib/angular.js:6846
qFactory/defer/deferred.promise.then/wrappedCallback@http://localhost:8080/tm-webapp/resources/lib/angular.js:6846
qFactory/ref/<.then/<@http://localhost:8080/tm-webapp/resources/lib/angular.js:6883
Scope.prototype.$eval@http://localhost:8080/tm-webapp/resources/lib/angular.js:8057 
Scope.prototype.$digest@http://localhost:8080/tm-webapp/resources/lib/angular.js:7922 
Scope.prototype.$apply@http://localhost:8080/tm-webapp/resources/lib/angular.js:8143 
done@http://localhost:8080/tm-webapp/resources/lib/angular.js:9170 
completeRequest@http://localhost:8080/tm-webapp/resources/lib/angular.js:9333 
createHttpBackend/</xhr.onreadystatechange@http://localhost:8080/tm-webapp/resources/lib/angular.js:9304

What am I doing wrong?

Please clarify Controllers in your second snippet. How is it defined? — Steve Klösters
– Steve Klösters, Commented Aug 1, 2013 at 10:30
Controllers.controller should probably be projectModule.controller — AlwaysALearner
– AlwaysALearner, Commented Aug 1, 2013 at 10:31
@stevuu i have added it. "var Controllers = angular.module('fixedTeam',[]); — Shahzeb Khan
– Shahzeb Khan, Commented Aug 1, 2013 at 10:32
Then you need to add projectModule as a dependency as @Codezilla shows in his answer. — Steve Klösters
– Steve Klösters, Commented Aug 1, 2013 at 10:37
@stevuu it gives another error, kindly see comments on codezilla answer. — Shahzeb Khan
– Shahzeb Khan, Commented Aug 1, 2013 at 10:44

Oliver · Accepted Answer · 2013-08-01 10:46:44Z

5

Need to add the dependent module:

var Controllers = angular.module('fixedTeam',['project']);

edited Aug 1, 2013 at 10:46

Oliver

4,4712 gold badges23 silver badges18 bronze badges

answered Aug 1, 2013 at 10:33

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

1 Comment

Shahzeb Khan Over a year ago

it gives me now " Error: No module: projectModule [Break On This Error] throw Error('No module: ' + name);

Collectives™ on Stack Overflow

Writing new angular service returns error Error: Unknown provider

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