/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

1 vote294 views1 answer
Angular viewchild input element value
Javascript AngularJS
0 vote246 views3 answers
Angular subscribe and unsubscribe
Javascript AngularJS
0 vote285 views1 answer
How to add row in angular dynamically
Javascript AngularJS
0 vote252 views2 answers
15) Which of the following directive is used to initialize an angular app? A. ng-app ANSWER B.ng-model C.ng-controller D.None of the above
Javascript AngularJS
0 vote321 views2 answers
Controller in angularjs projects
Javascript AngularJS
0 vote254 views1 answer
Http request body angular
Javascript AngularJS
0 vote304 views1 answer
Masterselect angular 8
Javascript AngularJS
3 votes287 views3 answers
Angular email validation
Javascript AngularJS
0 vote287 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS
0 vote294 views1 answer
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
Javascript AngularJS