title: How to use two AngularJS services with same name from different modules?
body: <p>Supposed I have two modules for AngularJS, e.g. <code>foo</code> and <code>bar</code>, and both of them define a service called <code>baz</code>.</p>
  
  <p>In my application I depend on them by saying:</p>
  
  <pre><code>var app = angular.module('app', [ 'foo', 'bar' ]);
  </code></pre>
  
  <p>Then I can try to use the <code>baz</code> service in a controller by using</p>
  
  <pre><code>app.controller('blaController', [ '$scope', 'baz', function($scope, baz) {
    // ...
  }]);
  </code></pre>
  
  <p>How can I define which of the two services I'd like to use? Is there something such as a fully-qualified name?</p>