Angular Directive to Bind Event handler to transcluded DOM and then $broadcast events

gistfile1.txt

angular.module('myApp')
    .directive('myAppTrigger', function () {
        return {
            restrict: 'C',
            transclude: true,
            replace: true,
            template: '<div ng-transclude></div>',
            link: function (scope, el, attrs) {
            	el.on('click', function () {
        	    scope.$broadcast(attrs.eventType || 'activated');
            	});
            }
        };
    });