How refresh http service after error in angular 6

Question

i have this service that is an http get request that response with a list of products:

import 'rxjs/Rx';
import {Injectable} from '@angular/core';
import {Http} from '@angular/http';

  @Injectable()
    export class ProductService{
      constructor(private _http:Http) {}

      getData() {

          return this._http.get(`URL GOES HERE`)
            .map(res => res.json());

      }
    }

and this component call the service:

import { Component, OnInit }  from '@angular/core';
import { ProductService } from './product.service';
 class ProductListComponent implements OnInit {
    constructor(public _productService: ProductService) {}

 ngOnInit() {
    this._productService.getData()
      .subscribe(data => this.products = data,
               err => console.log(err));
  }
}

I want to manage the .error; when the service goes in error, i want to refresh the service:

this._productService.getData()
          .subscribe(data => this.products = data,
                   err => { **recall this._productService.getData()** }

Thank for all responses

Does this answer your question? RxJS - observable doesn't complete when an error occurs — Davy
– Davy, Commented Dec 3, 2019 at 10:47

Bilel-Zheni · Accepted Answer · 2019-12-03 10:55:36Z

2

you can use retry operator from rxjs/operators, just specify how many times you want to retry as an argument retry(x_times):

...
ngOnInit() {
    this._productService.getData().pipe(retry(1))
      .subscribe(data => this.products = data,
               err => console.log(err));
  }
...

edited Dec 3, 2019 at 10:55

answered Dec 3, 2019 at 10:47

Bilel-Zheni

1,3121 gold badge7 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fateh Mohamed · Accepted Answer · 2019-12-03 11:11:21Z

2

You can use retryWhen operator instead of retry to avoid rapid succession of http calls, and you can retry the call just in case of 503 error (Service Unavailable)

.pipe( retryWhen(error => {
       return error.pipe(
        flatMap((error: any) => {
             if(error.status  === 503) {
               return Observable.of(error.status).delay(1000)
             }
             return Observable.throw({error: ''});
          }),
          take(3) // controls number of retries
      )                
});

answered Dec 3, 2019 at 11:11

Fateh Mohamed

21.5k5 gold badges46 silver badges56 bronze badges

Collectives™ on Stack Overflow

How refresh http service after error in angular 6

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related