/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

0 vote114 views1 answer
Open bytes in new tab angular
Javascript AngularJS
0 vote112 views2 answers
Unknown Provider angularjs
Javascript AngularJS
0 vote114 views1 answer
Httpclientmodule is not an angular module
Javascript AngularJS
29 votes149 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote113 views1 answer
Angular model optional parameter null
Javascript AngularJS
-1 vote129 views1 answer
Angularjs socket.io
Javascript AngularJS
-1 vote111 views1 answer
Angular 11 support versions nodejs
Javascript AngularJS
0 vote127 views1 answer
Angularjs ng-options name value
Javascript AngularJS
0 vote68 views1 answer
Angular calendar updating until hovering
Javascript AngularJS
0 vote133 views2 answers
How to auto click webpage in angular
Javascript AngularJS