HTTP Error Handling - Angular (Tutorial #19)

HTTP Error handling is one of those things no one really wants to deal with , well in angular its quite easy

Hello everyone my name is nisha singla and I am back with my next tutorial on Error handling
in angular
In our previous video we have learnt how to make a http call to get the resources from RESTFUl
API and over there we had consumed a FAKE online REST API to get users information

As of now everything is working fine because we did everything right but in real life projects
things are not as simple as we have right now. Things can go wrong as well. Suppose
the API which we are calling is not working the way we are expecting.

May be the server is down ,internet connection is not avaibale or the URL is not correct or the user permission is denied .
So there could be many reason that can lead to the failure of this HTTP CALL and in that case we dont want that my user will see something which is not clear to them.

So let's see how to deal with the errors during HTTP CALL and to show how error handling
will work we are intentionally making a call to a wrong URL so that we can get error

In angular whenever we work with OBservable there are so many operators that is used
to implement some specific functionality so here we have such one operator that catch
the error raised by HTTP CALL and that is catch operator

you need to import catch operator , Observable and throw from rxjs

import "rxjs/add/operators/catch";
import "rxjs/add/observable/throw";
import Observable from 'rxjs/Observable";

In subscribe () method the first argument is the success callback and second is for handling error.

If you liked my channel , subscribe to it and like my videos. For any queries ask you question in comment section

Subscribe to my channel :

Watch complete playlist here:

Follow us on:

For more such latest videos, please subscribe to our channel and stay connected.

If you face any problem in HTTP Error Handling then leave a comment below and let me know. I'll be happy to assist you.

[stareditz]

Your explanation is concise and easy to understand. Thankful to your efforts. Keep doing this great job...

[manishsoni]

Hi Nisha, You explain every topic very well that are easy to understant. Thank you for that. Request you to please create video series on React.

[venkatanagaraju]

hi Nisha, the way of your explanation is very good. can you make video for CRUD Operations.

[sekharchiguruvada]

Hi Nisha... The way of your explanation is really superb. Can you please write a blogs on these videos it may very useful for users.

[pratikmadekar]

Thanks for sharing your knowledge. Your all angular videos are very helpful.

[sulabhakumbhar]

hi Nisha, the way of your explanation is very good. Will you please upload video on custom error handling.

[lakshminarayanaakkipalli]

Hi mam your flow of telling is very understanding way.
Will you please post about promises and authentication

[akulaomkar]

hi nisha am following your tutorial am getting some issues while HTTP error handling i got this like Property 'catch' does not exist on type 'Observable<Object>'."
and i import like
import "rxjs/add/operator/catch";
import "rxjs/add/observable/throw";
import { Observable } from 'rxjs/Observable';

even am getting same error what shall i do

[anishps]

one small doubt why import statements for observable is different from that of catch and throw ?

[SaiKumar-xmuo]

Your Tutorials are very nice just like ur profilepic
Tq very much nisha
Pleae do many more videos like this 😊😊😊

[Kamlesh-Bobde]

Very nice, thanks

Can you plz make video on angular lifeCycle hooks...

[raghavendergoudkommula]

Nice explanation tqs a lot I learned so much from this video

[kathiravanramaswamy]

Hi Nisha, Everything working But I am getting Unknown Error at the end of my error message

[prashanthnaidu]

Ma'am can you make a video on " Karma " Testing in angular

[IqbalAhmed-qkix]

ur teaching style to good
Awesome
thank u so much

[adhivenkatesh]

Madam your teaching videos are very nice and how to create custom error please create a video.

[nari]

Actually I want a video from loading message before http call. If possible please do it..

[pavankumar.r]

Hi Nisha, I am using Angular 6, Is your code is compactable with Angular 6.
I am not able use catch() .
In Document, they are refering to catchError. So what's the solution.

[ankitrai]

i have error cant read property length

[venkateshyadla]

Hi nisha,
i got this error "Property 'catch' does not exist on type 'Observable<Object>'." can you tell me how to fix