How can I intercept http errors with angular2?

Question

Is there an API similar to angular 1.x's Interceptor API?

I want to be able to add interceptors at application startup that will

show the login dialog whenever a 401 status code is returned
show a generic error message whenever a 5xx status code is returned

for every http request the application makes.

Jigar · Accepted Answer · 2015-12-30 16:55:03Z

3

You can create your own HTTPConnection that handles error and inject it into the root app component at bootstrap time.

export class CustomHTTPConnection implements Connection
{
}

and then inject it while bootstrapping as follows

bootstrap([provider(Connection,{useClass:CustomHTTPConnection}]);

If you want do not want to provide a custom connection class, you can do it for each individual request as Http returns an observable which as 3 parameters: onNext, onError, onCompleted.

You can use it as follows:

class Component
{
constructor(private httpService:HttpService){
}
onInit(){
 this.httpService.getData().subscribe(
  ()=>{},  //on Next
  ()=>{}   //onError
}
}

answered Dec 30, 2015 at 16:55

Jigar

5441 gold badge8 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

How can I intercept http errors with angular2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related