What are some examples of error handling in Angular?

What are some examples of error handling in Angular?

In Angular, error handling can be done using services like HttpErrorResponse or by implementing error interceptors. Would you like to see specific examples?

Yes, please provide an example of using an error interceptor.

Sure! You can create an error interceptor by implementing the HttpInterceptor interface. Here's a simple example:

import { Injectable } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req).pipe(
      catchError((error: HttpErrorResponse) => {
        // Handle the error
        console.error('Error occurred:', error);
        return throwError(error);
      })
    );
  }
}

This interceptor logs the error and rethrows it. Would you like to know how to register this interceptor?

Yes, how do I register the interceptor in my Angular app?

You can register the interceptor in your app module by providing it in the providers array like this:

import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { ErrorInterceptor } from './error.interceptor';

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true }
  ]
})
export class AppModule {}

This will ensure that your interceptor is used for all HTTP requests. Do you have any other questions about error handling?