title: angular controllers is not a function
body: <p>just for learning purpose--</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
        &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"&gt;&lt;/script&gt;
        &lt;script src="script.js"&gt;&lt;/script&gt;
        &lt;script src="ctrl.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body ng-app="abc"&gt;
        &lt;h1 ng-controller="ctrl"&gt;{{data}}&lt;/h1&gt;
      &lt;/body&gt;
  
      &lt;/html&gt;
  </code></pre>
  
  <p>script.js</p>
  
  <pre><code>angular.module('abc', []);
  </code></pre>
  
  <p>ctrl.js</p>
  
  <pre><code>angular.module('abc').controller('ctrl',function($scope){
    $scope.data="hello";
  });
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/mDULb2xMzmc6wtdwTtUj?p=preview" rel="nofollow">js fiddle link</a>
  it showing error... what i ve done wrong here???</p>