Angular Right Click Directive

rightClick.directive.js

(function () {

    /*
     * @name ngRightClick
     * @type Directive
     * @desc Binds the right click to a javascript function by using the ng-right-click attribute
     */
    function ngRightClick($parse) {

        return function (scope, element, attrs) {
            var fn = $parse(attrs.ngRightClick);
            element.bind('contextmenu', function (event) {
                scope.$apply(function () {
                    event.preventDefault();
                    fn(scope, { $event: event });
                });
            });
        };

    }

    ngRightClick.$inject = ['$parse'];
    angular.module('app').directive('ngRightClick', ngRightClick);

})();