title: Angular JS thowing error even though controller is available
body: <p>I am new to Angular JS and I am trying some examples... But I get a very weird exception when I try to load my app...</p>
  
  <p>Here is my angular JS code: </p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"&gt;&lt;/script&gt;
          &lt;script src="JS/Controllers.js"&gt;&lt;/script&gt;
      &lt;body ng-app="myapp"&gt;
              &lt;div ng-controller="HelloController"&gt;
                  &lt;h2&gt;Hello {{helloTo.title}} !&lt;/h2&gt;
              &lt;/div&gt;
              &lt;div ng-controller="MyController" &gt;
                  &lt;span ng-show="myData.showIt"&gt;&lt;/span&gt;
                  &lt;span ng-hide="myData.showIt"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/body&gt;
  </code></pre>
  
  <p>Here is my controller code : </p>
  
  <pre><code>angular.module("myapp", []).controller("HelloController", function($scope) {
      $scope.helloTo = {};
      $scope.helloTo.title = "Test";
  } );
  
  angular.module("myapp1", []).controller("MyController", function($scope) {
    $scope.myData = {};
    $scope.myData.showIt = true;
  });
  </code></pre>
  
  <p>Error logged by firebug:
  Error: [ng:areq] <a href="http://errors.angularjs.org/1.2.5/ng/areq?p0=MyController&amp;p1=not%20a%20function%2C%20got%20undefined" rel="nofollow">http://errors.angularjs.org/1.2.5/ng/areq?p0=MyController&amp;p1=not%20a%20function%2C%20got%20undefined</a>
  <a href="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js" rel="nofollow">https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js</a>
  Line 83</p>
  
  <p>I am using angular js version 1.2.5...</p>