Angular HttpClient with catchError, rxjs6

May 9, 2019 - 1 minutes read

Table of content


Assuming that we get the banks from payment gateway’s third party but sometimes their services got down, but we still need to support that still show the list of banks to end user create a manually case until the service up again.

getBanks(): Observable<CurlecBanksModel> {
    const _cacheName = "banks";
    // Cache
    if (this._cache.has(_cacheName)) {
      return of(this._cache.get(_cacheName));

    // Normally scenario
    } else {
      return this._http
          map(res => {
            this._cache.set(_cacheName, res);
            return res;
          // If server down, get from the static
          catchError(err => {
            return of(banks);
          }) as any

Back to posts

angular rxjs6
github twitter codfee email