How can I handle HTTP errors in Angular?

How can I handle HTTP errors in Angular?

In Angular, you can handle HTTP errors using the HttpClient module. You can use the catchError operator from RxJS to catch errors in your HTTP requests.

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() {
  this.http.get('api/data')
    .pipe(catchError(this.handleError))
    .subscribe(data => console.log(data));
}

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

What types of errors can I handle?

You can handle various types of errors, such as network errors, server errors (like 404 or 500), and client-side errors. Each can be managed in the handleError method.