/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

7 votes139 views1 answer
Angular get previous route
Javascript AngularJS
10 votes155 views3 answers
Angular create service command line
Javascript AngularJS
0 vote144 views1 answer
Tinymce-angular load slow
Javascript AngularJS
0 vote147 views1 answer
Angular module with routing cli
Javascript AngularJS
0 vote181 views2 answers
Convert text to qr code in angular
Javascript AngularJS
2 votes151 views2 answers
Angularjs dropdown
Javascript AngularJS
0 vote157 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
0 vote133 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
0 vote143 views2 answers
How to auto click webpage in angular
Javascript AngularJS
0 vote131 views1 answer
Angular cli change serve port
Javascript AngularJS