title: Error: [ng:areq] Argument 'ControllerName' is not a function, got undefined
body: <p>In <code>app.js</code> I have:</p>
  
  <pre><code>(function(){
      var app = angular.module("myApp", []);
  })();
  </code></pre>
  
  <p>in <code>process.js</code>  which is included <em>after</em> <code>app.js</code> I have:</p>
  
  <pre><code>(function(){
      app.controller('ProcessController', ['$http', function($http){
          this.something = "Test"
      }]);
  });
  </code></pre>
  
  <p>and in my <code>HTML</code> file I have a <code>div</code></p>
  
  <pre><code>&lt;html class="no-js" lang="en" ng-app="myApp"&gt;
  ...
     &lt;div class="row" ng-controller="ProcessController"&gt;
  </code></pre>
  
  <p>This is throwing an error in my console:</p>
  
  <pre><code>Error: [ng:areq] Argument 'ProcessController' is not a function, got undefined
  </code></pre>
  
  <p>I'm pretty new to angular and have never used multiple files like this before. What am I doing wrong?</p>