post link pre-link Anuglarjs

by sendil J

HTML

<div ng-app="choreApp">
  <div ng-controller="ChoreCtrl">
	<kid done="logChore(chore)"></kid>
	<kid done="logChore(chore)"></kid>
    <kid done="logChore(chore)"></kid>
  </div>
</div>

JavaScript

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

app.controller("ChoreCtrl", function($scope){
  $scope.logChore = function(chore){
    alert(chore + " is done!");
  };
});

app.directive("kid", function() {
  return {
    restrict: "E",
    scope: {
        done: "&"
      },
    template: '<input type="text" ng-model="chore">' +
      '{{chore}}' +
      '<div class="button" ng-click="done({chore: chore})">I\'m done</div>'
  };
});