angularjs显示在每个http请求上加载图片花费的时间超过特定时间

Question

我在Angularjs中尝试过。我想在工作正常的每个http请求上显示加载图像。但要显示加载图像请求需要5秒钟或更长时间。因为我的网页请求服务器30到35次，如果在用户端图像上显示的每个请求都不好，服务器以毫秒为单位响应不是很明显，加载图像只是闪烁而已，所以我想显示更多比特定时间
我的代码是这样的

 app.directive('loading', ['$http', function ($http) {
    return {
        restrict: 'A',
        link: function (scope, elm, attrs) {
            var startTime = new Date().getTime();
            scope.isLoading = function () {
                return $http.pendingRequests.length > 0;
            };

            scope.$watch(scope.isLoading, function (v) {
                var respTime = new Date().getTime() - startTime;
                if (respTime >= 2000) {
                    debugger;
                    if (v) {
                        $("#myModal1").modal({
                            backdrop: 'static',
                            keyboard: false,
                            toggle: 'toggle'
                        });
                        elm.show();
                    } else {
                        $("#myModal1").modal('toggle');
                        elm.hide();
                    }
                }
            });
        }
    };
}]);

帮帮我。