How to bind custom events in AngularJS?

see this fiddle, here I have created a custom directive which binds the event to the element,

angular.module('HelloApp', [])
    .directive('customDir', function () {
        return {
            restrict: 'A',

            link: function(scope, element, attrs)      
            {
                element.bind("click",function()
            {
            alert("you clicked me");

        })
            }    


        }
    })

In your case you can simply bind your defined event to the element