How to catch errors in angular 2?

Question

I ave a server call like below

In success case,

STATUS---200

{error_code: 0, status: "success", results: [,…], message: "Album successfully found."}

In failure case, STATUS---401

 Login credentials are incorrect.

I am handling the code as,

 this.http.post(this.serverUrl+'login',loginForm.value,{headers: headers})
        .subscribe(response => {
            if (response.json().error_code === 0) {
               console.log('success'); 
            } else {
               console.log('fail'); 
            }
        }) 
  }

But here its an error (401-status).So it is not coming to the else case.Can anyone suggest help to handle or catch this error.thanks.

That's all and nice if your server returned a "nice" JSON response about the error, but in case it does not then I would be looking at the .status property of the Response instead. You can always Observable.throw from the service and catch that in the later code that consumes the service. — Neil Lunn
– Neil Lunn, Commented May 16, 2017 at 9:55

eko · Accepted Answer · 2017-05-16 10:04:25Z

1

Subscribe has an error callback:

 this.http.post(this.serverUrl+'login',loginForm.value,{headers: headers})
        .subscribe(
        (response) => {
            if (response.json().error_code === 0) {
               console.log('success'); 
            } else {
               console.log('fail'); 
            }
        },
        (error)=>{
            console.log(error);
        }
     ) 
  }

Example in docs: https://angular.io/docs/ts/latest/guide/server-communication.html#!#the-herolistcomponent-class

edited May 16, 2017 at 10:04

answered May 16, 2017 at 9:55

eko

40.8k11 gold badges79 silver badges104 bronze badges

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

Comments

ulubeyn · Accepted Answer · 2017-05-16 09:56:06Z

1

Subscribe method takes 3 parameters, first one is invoked when successfull response is received, second one is called when error response is received, and third one is called when it is completed. You should try this one;

this.http.post(yourParameters).subscribe(response => {
     console.log('success');
}, error => {
     console.log('fail')
});

I also recommend you to take a look at angular tutorial and Rxjs Subscribe.

answered May 16, 2017 at 9:56

ulubeyn

3,0821 gold badge22 silver badges29 bronze badges

Comments

Milad · Accepted Answer · 2017-05-16 11:00:55Z

1

You can use .catch as well :

this.http.post(this.serverUrl+'login',loginForm.value,{headers: headers})
        .subscribe(response => {
            if (response.json().error_code === 0) {
               console.log('success'); 
            } else {
               console.log('fail'); 
            }
        }).catch((err)=>{console.log(err)});

answered May 16, 2017 at 11:00

Milad

28.8k11 gold badges78 silver badges91 bronze badges

Collectives™ on Stack Overflow

How to catch errors in angular 2?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related