ErrorHandlerLoggerを作成しました。これは、ErrorHandlerを拡張し、エラーメッセージをリモートリポジトリに記録するサービスです。
ErrorHandlerLoggerには、Angular httpによって提供されるクライアントHttpModuleが必要です。
ErrorHandlerModuleでHttpModuleをインポートし、プロバイダーとしてErrorHandlerLoggerを定義します。
AppModuleでErrorHandlerModuleをインポートします。
アプリを起動すると、次のエラーメッセージが表示されます
Uncaught Error: Can't resolve all parameters for ErrorHandlerLogger: (?).
ここに私のコード
ErrorHandlerModule
import { NgModule, ErrorHandler } from '@angular/core';
import { HttpModule } from '@angular/http';
import {ErrorHandlerLogger} from './error-handler-logger';
@NgModule({
declarations: [],
exports: [],
imports: [
HttpModule
],
providers: [
{provide: ErrorHandler, useClass: ErrorHandlerLogger}
]
})
export class ErrorHandlerModule {}
ErrorHandlerLogger
import { ErrorHandler } from '@angular/core';
import { Http, Headers, RequestOptions, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import './rxjs-operators';
export class ErrorHandlerLogger extends ErrorHandler {
constructor(private http: Http) {
super();
}
handleError(error) {
// my logic
}
}
AppModule
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import {ErrorHandlerModule} from './error-manager/error-handler.module';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
routing,
ErrorHandlerModule
],
providers: [appRoutingProviders],
bootstrap: [AppComponent]
})
export class AppModule { }
どんな助けも大歓迎です
@Injectable() // <<<=== required if the constructor has parameters
export class ErrorHandlerLogger extends ErrorHandler {