如何在angular中集成日志条目

// app.module.ts
import { NgModule, ErrorHandler } from '@angular/core';
import { MyLogger } from './my-logger';

@NgModule({
  providers: [
    { provide: ErrorHandler, useClass: MyLogger }
  ]
})
export class AppModule { }

// my-logger.ts
import { ErrorHandler } from '@angular/core';

export class MyLogger implements ErrorHandler {
  handleError(error: any): void {
    // 处理错误并记录日志
    console.log('Error occurred:', error);
  }
}

// component.ts
import { Component, ErrorHandler } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '<button (click)="simulateError()">Simulate Error</button>'
})
export class MyComponent {
  constructor(private errorHandler: ErrorHandler) { }

  simulateError(): void {
    try {
      // 模拟错误
      throw new Error('Something went wrong');
    } catch (error) {
      // 使用日志记录器记录日志
      this.errorHandler.handleError(error);
    }
  }
}