/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 vote146 views1 answer
Default selected radio button angular material
Javascript AngularJS
0 vote168 views1 answer
Parametro angulara con ruta y recarga de componente
Javascript AngularJS
1 vote148 views1 answer
Your global Angular CLI version is greater than your local version
Javascript AngularJS
1 vote156 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS
0 vote155 views1 answer
New date in interpolation angular
Javascript AngularJS
1 vote149 views1 answer
Onchange event angular select
Javascript AngularJS
2 votes162 views1 answer
Angular 9 how to get previous state
Javascript AngularJS
0 vote154 views1 answer
Error: node_modules/@angular/fire/database/interfaces.d.ts:2:10
Javascript AngularJS
1 vote147 views1 answer
Bs modal service angular pass data
Javascript AngularJS
0 vote201 views3 answers
Angular stepper change wait before changing
Javascript AngularJS