HTTP Error Handling - Angular (Tutorial #19)

Publicado em: 11 Junho 2018
no canal de: Nisha Singla

32,780

520

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

Kindly share this video :    • HTTP Error Handling - Angular (Tutorial #19)

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";

Now the error which we have catched in catch() that we need to capture in respective component where we are consuming this service. So in app.component.ts we have to call this :

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 :

   / nishasingla

Watch complete playlist here:

   • Introduction- Angular (Tutorial #1)

Follow us on:
Facebook:   / angularjs4beginners
LinkedIn:   / nisha-singla-82407aa0
Website :

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.

Nesta página do site você pode assistir ao vídeo on-line HTTP Error Handling - Angular (Tutorial #19) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Nisha Singla 11 Junho 2018, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 32,780 vezes e gostou 520 espectadores. Boa visualização!

1,090