/Javascript/AngularJS/Angular watching for changes in $http.pendingRequests from directive

Angular watching for changes in $http.pendingRequests from directive

scope.isBusy = function () {
    return $http.pendingRequests.length > 0;
};
scope.$watch(scope.isBusy, function (hasPending) {
    if (hasPending) {
      elm.show();
    } else {
      elm.hide();
    }
});

You may want to put this in a directive like this:

.directive('loadingBoxDir', ['$http', function ($http) {
    return {
       restrict: 'A',
       link: fn_link
    };
    function fn_link(scope, elm) {
       scope.isBusy= function () {
           return $http.pendingRequests.length > 0;
       };
       scope.$watch(scope.isBusy, function (hasPending) {
           if (hasPending) {
              elm.show();
           } else {
              elm.hide();
           }
       });
    }
}]);

Source: stackoverflow.com

Similar codes

2 votes150 views6 answers
Tailwind in angular
Javascript AngularJS
0 vote134 views1 answer
Use promis with date angular
Javascript AngularJS
0 vote142 views1 answer
Fontawesome icon size 1.5 angular
Javascript AngularJS
0 vote150 views1 answer
Array sort in angular 6
Javascript AngularJS
1 vote136 views2 answers
Angular route change scroll to top
Javascript AngularJS
0 vote125 views1 answer
Angular print html
Javascript AngularJS
5 votes151 views2 answers
Generate component with module angular 8
Javascript AngularJS
1 vote194 views1 answer
Perfect scrollbar in textarea angular
Javascript AngularJS
4 votes139 views2 answers
Ws.browser regeneratorRuntime is not defined angular
Javascript AngularJS
0 vote89 views1 answer
Comand component create struct angular
Javascript AngularJS