How can I handle errors in Angular services using Angular CLI?

How can I handle errors in Angular services using Angular CLI?

You can handle errors in Angular services by using RxJS operators like catchError. Would you like an example?

Yes, please provide an example of using catchError in a service.

Sure! In your service, you can use catchError like this:

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

@Injectable({ providedIn: 'root' })
export class DataService {
  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!');
  }
}

This will catch any errors from the HTTP request.

What should I do if I want to log the error instead of just throwing it?

You can modify the handleError method to log the error. For example:

private handleError(error: HttpErrorResponse) {
  console.error('An error occurred:', error);
  return throwError('Something went wrong!');
}

This way, you log the error to the console before throwing it.