Untitled

triggered with

<element loading data-action="callThisFunction($event)">

angular.module('loadingOverlay').directive('loading', ['$rootScope', '$timeout', '$q', function($rootScope, $timeout, $q) {
        return {
                restrict: 'A',
                priority: 100,
                terminal: false,
                controller: function() {

                },
                link: function (scope, element, attrs) {
                        var clickAction = attrs.action;

                        scope.$tapHandler = function(event) {
                                element.unbind('click');
                                event.stopPropagation();
                                event.stopImmediatePropagation();

                                scope.$apply(function() {
                                        $rootScope.AILoading = true;
                                        $timeout(function() {
                                                scope.$eval(clickAction);
                                        }, 0);
                                });

                                var unbindWatcher = $rootScope.$watch('AILoading', function(newVal) {
                                        if(newVal == false) {
                                                element.bind('click', scope.$tapHandler);
                                                unbindWatcher();
                                        }
                                });
                        };
                        element.bind('click', scope.$tapHandler);
                }
        }
}]);