How can I implement a global error handler in Angular?

How can I implement a global error handler in Angular?

You can create a global error handler by implementing the ErrorHandler interface in Angular. Would you like a code example?

Yes, please provide a code example.

Here's a simple example:

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

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

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

How do I register this global error handler in my app module?

You can register it in 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 {}