How do I handle HTTP errors in Angular?

How do I handle HTTP errors in Angular?

In Angular, you can handle HTTP errors using the HttpClient module. You can catch errors in your service methods using RxJS operators like catchError.

Can you show me an example of using catchError?

Sure! Here's a simple example:

import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { catchError } from 'rxjs/operators';
import { throwError } from 'rxjs';

constructor(private http: HttpClient) {}

getData() {
  return this.http.get('your-api-url').pipe(
    catchError(this.handleError)
  );
}

private handleError(error: HttpErrorResponse) {
  // Handle the error here
  return throwError('Something went wrong!');
}

What should I do if I want to display a user-friendly error message?

You can modify the handleError method to return a user-friendly message. For example, you could log the error and return a message like 'Unable to fetch data. Please try again later.'