title: When I define the Angular controller in a separate file, it loads controller file before the Module file
body: <p>I have done following things:</p>
  
  <ol>
  <li>Created a module with the correct convention: <code>var myApp = angular.module('myApp', []);</code> As you can see I was mindful to put the [] as  second param</li>
  <li>I created some controllers inside the same file and it works absolutely fine with following convention: <code>var myApp = angular.module('myApp').Controller(...)</code></li>
  </ol>
  
  <p>Now, while cleaning up my code I decided to move these controllers to separate file and my module started failing with following error:</p>
  
  <blockquote>
    <p>aught Error: [$injector:nomod] Module 'maintenance.portability.module'
    is not available! You either misspelled the module name or forgot to
    load it. If registering a module ensure that you specify the
    dependencies as the second argument.(…)</p>
  </blockquote>
  
  <p>It sounds like it is loading the separate controller file before the module file. How do I make sure that Module file is loaded before my browser tries to load the separate Controller file?</p>