How can I implement global error handling in Angular?

How can I implement global error handling in Angular?

You can implement global error handling in Angular by using the ErrorHandler class. You can create a custom error handler by extending this class.

Can you show me an example of a custom error handler?

Sure! Here's a simple example:

import { ErrorHandler, Injectable } from '@angular/core';

@Injectable()
export class GlobalErrorHandler implements ErrorHandler {
  handleError(error: any): void {
    // Log the error to an external service
    console.error('An error occurred:', error);
  }
}

Don't forget to provide this handler in your app module!

How do I provide this custom error handler in my app module?

You can provide your custom error handler in the providers array of your app module like this:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { GlobalErrorHandler } from './global-error-handler';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [{ provide: ErrorHandler, useClass: GlobalErrorHandler }],
  bootstrap: [AppComponent]
})
export class AppModule {}