[Angular] Handle HTTP Errors in Angular with Httperrorresponse interface

When communicating with some backend APIs, the data travels over the network using the HTTP protocol. As such, failures may occur, is it on our own device (i.e. the browser) or on the server-side which could not be available O R Unable to process our request. We need to handle such error responses and give the user a proper feedback.

Import {Httperrorresponset} from ' @angular/common/http '; Export class AppComponent {people;  Message Constructor (private Peopleservice:peopleservice) {} fetchpeople () { This. Peopleservice. Fetchpeople (). Subscribe (data)= {           This. Message =NULL;  This. People =data; }, (err: httperrorresponse)= {          if(ErrinstanceofError) {            //client-side Error             This. Message =' An error occured ${err.error.message} '; } Else {             This. Message =' backend returned error code ${err.status}, body was: ${err.message} ';  }        }      ); }}

[Angular] Handle HTTP Errors in Angular with Httperrorresponse interface