How can I handle API errors in Angular?

How can I handle API errors in Angular?

In Angular, you can handle API errors using HttpClient's catchError operator in your service.

Can you show me a code example?

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('api/data').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 show a user-friendly message?

You can modify the handleError method to return a user-friendly message based on the error status.