score:39

Accepted answer

this was my solution :)

var numberofajaxcallpending = 0;

// add a request interceptor
axios.interceptors.request.use(function (config) {
    numberofajaxcallpending++;
    // show loader
    return config;
}, function (error) {
    return promise.reject(error);
});

// add a response interceptor
axios.interceptors.response.use(function (response) {
    numberofajaxcallpending--;
    console.log("------------  ajax pending", numberofajaxcallpending);

    if (numberofajaxcallpending == 0) {
        //hide loader
    }
    return response;
}, function (error) {
    numberofajaxcallpending--;
    if (numberofajaxcallpending == 0) {
        //hide loader
    }
    return promise.reject(error);
});

Related Query

More Query from same tag