title: how angularjs reference module load dependency
body: <p>I have a main module, that loads <code>ngRoute</code> service.</p>
  
  <pre><code>angular.module("app", ["ngRoute", "app.settings"]
  </code></pre>
  
  <p>and my <code>app.settings</code> module is not loading <code>ngRoute</code> service,</p>
  
  <pre><code>angular.module("app.settings", [])
      .config(["$routeProvider", function($routeProvider){
          $routeProvider.when("/settings", { 
              template: "{{message}}", 
              controller:"SettingsController"
          });
  }])
  </code></pre>
  
  <p>But I can use <code>$routeProvider</code> in this module.</p>
  
  <p>Does angular module loading order not care? Can I load any dependency any module?</p>