title: Get service from separate angular module
body: <p>You have 2 angular modules, and one of those modules has a service that you want to use in the other module:</p>
  
  <pre><code>var moduleA = angular.module ('moduleA', [])
                   .service('FirstService', function(){
                      var thing = {};
                      thing.data = ['1', 'alskdjf' , 0];
                      return thing;
                   });
  
  var moduleB = angular.module('moduleB', []);
  </code></pre>
  
  <p>The question is- how do you use 'FirstService', from within moduleB?</p>
  
  <p>This fails:</p>
  
  <pre><code>moduleB.controller('MBC', ['$scope', 'moduleA', function($scope, moduleA){}])
  </code></pre>
  
  <p>These fail too:</p>
  
  <pre><code>moduleB.controller('MBC', ['$scope', function($scope){
    var a = angular.injector().get('FirstService');
    var b = angular.injector().invoke('FirstService');
    var c = moduleA.service('FirstService');
    var d = moduleA.FirstService;
  
  }])
  </code></pre>