title: angular ionic real simple controller not working
body: <p>I am new to angularjs. I am trying to create a simple controller but i can't.
  Really need help.</p>
  
  <pre><code>&lt;html data-ng-app="ionicApp" &gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;Ionic Template&lt;/title&gt;
      &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;                                            
      &lt;script src="cordova.js"&gt;&lt;/script&gt;
  
      &lt;!-- your app's js --&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
        function SimpleController($scope){
                                $scope.customers=[
                                            {name:'Djo', city:'johannesburg'},
                                            {name:'tri',city:'vaal'},
                                            {name:'stone',city:'pretoria'},
                                            {name:'loick',city:'durban'}
                                          ];
                               }
  
                  &lt;/script&gt;
  &lt;body &gt;
      &lt;div class="container" ng-controllers="SimpleController"&gt;   
         &lt;ul &gt;
             &lt;!-- we are accessing thescope --&gt;
              Name: &lt;input type="text" data-ng-model="name" /&gt; {{ name}} 
             &lt;li ng-repeat="cust in customers"&gt; {{ custt.name}} - {{cust.city}} &lt;/li&gt;
         &lt;/ul&gt;  
      &lt;/div&gt;  
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>