<!DOCTYPE html>
<html ng-app="dotDemo">

<head>
<script data-require="angular.js@1.2.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js" data-semver="1.2.16"></script>
</head>

<body ng-controller="OuterCtrl">

<p> You have {{dollars}} dollars </p>
<crazy-awesome-widget ng-repeat="customer in customers" info="dollars">
</crazy-awesome-widget>

<script>
angular.module('dotDemo',[]).controller('OuterCtrl', function($scope, $interval) {
  $scope.dollars = 5;
  $scope.customers= ["Tom", "Bobby", "Sally"];
});
angular.module('dotDemo').directive('crazyAwesomeWidget', function() {
  return {
    restrict: 'E',
    template: '<input type="text" ng-model="info" />',
    scope: {
      info: '='
    }
  };
});
</script>

  </body>

</html>