AngulaJS - Isolated Scopes

the problem

by Shashank Srivastava

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
<div ng-app="myApp">
    <kid></kid>
    <kid></kid>
    <kid></kid>
    <kid></kid>
</div>

JavaScript

var app = angular.module('myApp', []);

app.directive("kid", function() {
    return {
        restrict: 'E',
        template: '<input type="text" ng-model="task" /> {{ task }} <br/>'
    };
});