AngularJS - Binding Example

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-example28-production</title>
  

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular.min.js"></script>
  <script src="script.js"></script>
  

  
</head>
<body ng-app="oneTimeBidingExampleApp">
  <div ng-controller="EventController as eCtrl">
  <div ng-repeat="item in eCtrl.menuItems">
    <a ng-href="item.url">
      <img ng-src="{{item.iconUrl}}">
      <span ng-style="item.textStyle">{{item.text}}</span>
    </a>
    <input ng-model="item.text">
  </div>
</div>
</body>
</html>

(function(angular) {
  'use strict';
angular.module('oneTimeBidingExampleApp', []).
  controller('EventController', ['$scope', function($scope) {
    var counter = 0;
    this.menuItems = [
      {
        text: 'Menu Item 1',
        url: '/1',
        iconUrl: 'http://biksapps.com/blog/wp-content/uploads/2015/05/user214.png',
        textStyle: {color:'red'}
      },
      {
        text: 'Menu Item 2',
        url: '/1',
        iconUrl: 'http://biksapps.com/blog/wp-content/uploads/2015/05/users149.png'
      },
      {
        text: 'Menu Item 3',
        url: '/1',
        iconUrl: 'http://biksapps.com/blog/wp-content/uploads/2015/05/users207.png'
      },
      {
        text: 'Menu Item 4',
        url: '/1',
        iconUrl: 'http://biksapps.com/blog/wp-content/uploads/2015/05/users219.png'
      },
      {
        text: 'Menu Item 5',
        url: '/1',
        iconUrl: 'http://biksapps.com/blog/wp-content/uploads/2015/05/users221.png'
      }
    ];
    /*
     * expose the event object to the scope
     */
    $scope.clickMe = function(clickEvent) {
      $scope.name = names[counter % names.length];
      counter++;
    };
  }]);
})(window.angular);