title: AngularJS service in separate file
body: <p>My app.js contains </p>
  
  <pre><code>var app = angular.module('myApp', []).
  config(['$routeProvider', function ($routeProvider, $http) {
      ...
  }]);
  </code></pre>
  
  <p>Service looks like</p>
  
  <pre><code>app.service('MyService', function () {
      addNums = function (text) {
          return text + "123";
      }
  });
  </code></pre>
  
  <p>And in contoller I have</p>
  
  <pre><code>function adminCtrl ($scope, MyService) {
      $scope.txt = MyService.addNums("abc");
  };
  </code></pre>
  
  <p>They are all in separate files. The problem is that I'm getting an error 
  <code>Unknown provider: MyServiceProvider &lt;- MyService</code></p>
  
  <p>Looks like I'm doing something wrong.</p>