Event delegation in AngularJS

app.js

var app=angular.module('myApp', []);
            
app.directive('exampleDirective1', function() {
    return {
        restrict: 'E',
        template: '<span>Click me! [{{clickCount}}]</span>',
        replace: true,
        link: function(scope, elm, attrs) {
            scope.clickCount = 0;
            
            elm.bind('click', 'span', function() {
                scope.$apply(function() {
                    scope.clickCount++;
                });
            });
        }
    };
});
       
            

EventDelegation.md

Live demo: http://jsfiddle.net/RmDuw/74/

index.html

<div>
    <example-directive1></example-directive1>
</div>