python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 7, Interview Questions Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
Angular 4 RxJS retry failed request

How To handle and retry the failed request due to Poor Network Connection in Angular 4?

In Angular 4, simply retry the request using RxJS operator called .retry (). It is automatically presubscribed to an Observable, thus reissuing the request when an error occurred!

Import RxJS for using retry () method-
import 'rxjs/add/operator/retry';

HTTP Observables for retry the failed request 
http.get('/api/users')
  .retry(2) //Retry this request up to 2 times.
  .subscribe(data => {console.log(data);}, //Successful responses call the first callback.
      (err: HttpErrorResponse) => {
        if (err.error instanceof Error) {
           console.log('Error - ', err.error.message);
        }else {
            console.log('Error status - ${err.status}, and Error Detail - ${err.error}');
        }
      }
});


References -
I hope you are enjoying with this post! Please share with you friends. Thank you!!
ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions