title: Inject constant to other modules config using Angular JS
body: <p>I would like to share some variables like base paths throughout my application.
  These variables needs to be accessible during module configuration.
  My opinion was, that I can use a constant or provider for that.</p>
  
  <p>I've got several modules and each one has it's own routing configuration. In these routing configurations, I want to access some settings for example.</p>
  
  <p>This is working for the app-module-configuration but not for other module-configurations (for controllers on other modules it does), I always get "Unknown provider: info from myApp.orders".</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myApp = angular.module('myApp', ['myApp.orders']);
  
  myApp.constant('info', {
    version : '1.0'
  });
  
  myApp.config(function(info) {
    console.log('app config: ' + info.version);
  });
  
  myApp.controller('MyController', function (info) {
    console.log('controller: ' + info.version);
  });
  
  var orders = angular.module('myApp.orders', []);
  
  // Remove comments to see it fail.
  
  //orders.config(function(info) {
  //  console.log('orders config: ' + info.version);
  //});</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  
    &lt;div ng-app="myApp" class="container" ng-controller="MyController"&gt;        
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I guess I have just missed out a little detail, do you have an idea?</p>