<!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>