title: Writing new angular service returns error Error: Unknown provider
body: <p>I'm trying to write a simple service following <a href="https://gist.github.com/exclsr/3595424" rel="nofollow">this tutorial</a>. The code for adding the new service is:</p>
  
  <pre><code>'use strict';
  var projectModule = angular.module('project',[]);
  projectModule.factory('Team', function() {  
      return {
          thing : {
              x : 100
          }
      };
  });
  </code></pre>
  
  <p>My controller code is:</p>
  
  <pre><code>var Controllers = angular.module('fixedTeam',[]);
  Controllers.controller('controller', function ($scope,$http,$location,Team) {
      $scope.getFixedTeam = function(){
          console.debug(Team.thing);
      }
  });
  </code></pre>
  
  <p>When I load the view, I get the following error:</p>
  
  <pre class="lang-none prettyprint-override"><code>Error: Unknown provider: TeamProvider &lt;- Team
  createInjector/providerInjector&lt;@http://localhost:8080/tm-webapp/resources/lib/angular.js:2734
  getService@http://localhost:8080/tm-webapp/resources/lib/angular.js:2862
  createInjector/instanceCache.$injector&lt;@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/&lt;@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/&lt;.then/&lt;@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/&lt;/xhr.onreadystatechange@http://localhost:8080/tm-webapp/resources/lib/angular.js:9304 
  </code></pre>
  
  <p>What am I doing wrong?</p>