AngularJS abortable GET request

abortable-http-service.js

/** Aborting $http made simple */
export class AbortableHttpService {
  constructor($q, $http, $timeout) {
    this.$q = $q;
    this.$timeout = $timeout;
    this.$http = $http;
  }

  get(url, options = {}) {
    const {$q, $http, $timeout} = this;
    const canceler = $q.defer();

    const req = $http.get(url, { ...options, timeout: canceler.promise })
      // log aborted request
      .catch(res => {
        if (res.xhrStatus === 'abort') {
          console.log('Aborted GET', url);
        }
      });

    if (!isNaN(options.timeout)) {
      const timer = $timeout(canceler.resolve, options.timeout);
      req.finally(() => $timeout.cancel(timer));
    }

    req.abort = canceler.resolve;

    return req;
  }
}
AbortableHttpService.$inject = ['$q', '$http', '$timeout'];