There are times when you might want to retry a failed request. For example, if the the user is offline you might want to retry a few times or indefinitely.

Use the RxJS retry operator. It accepts a retryCount argument. If not provided, it will retry the sequence indefinitely.

Note that the error callback is not invoked during the retry phase. If the request fails it will be retried and only after all the retry attempts fail the stream throws an error.

import { HttpClient } from '@angular/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { map, retry } from 'rxjs/operators';

export class SearchService {

  constructor(private http: HttpClient) {}

  search(term: string) {
    let tryCount = 0;
    return this.http.get('' + term + '&type=artist')
      .pipe(map(response => response.json()),


View Example

Last updated