Angular2 - 如何将服务注入自定义异常处理程序

时间:2016-08-03 04:27:20

标签: angular dependency-injection angular2-services angular2-injection

我有一个这样的自定义异常处理程序,我试图注入一个服务(ErrorReportingService)

import { ExceptionHandler, Injectable } from '@angular/core';
import {ErrorReportingService  } from '../services/ErrorReportingService';

@Injectable()
export class InsightsExceptionHandler extends ExceptionHandler {
    constructor(private _errorReporter: ErrorReportingService) {
        super(null, null);
    }

call(error, stackTrace = null, reason = null) {
    this._errorReporter.logError(error);

    }
}

我试图注入的服务看起来像这样

import { Http, Response } from '@angular/http';
import { Injectable, Inject } from '@angular/core';

@Injectable()
export class ErrorReportingService {
    private ErrorReportingUrl = `/property/insights/api/errorreporting`;
    constructor(private _http: Http) { }

    logError(error: any) {
        var body = JSON.stringify(error);
        this._http.post(this.ErrorReportingUrl, body, null);
    }
}

ErrorReportingService在应用程序组件的提供程序下注册。

我也尝试过不同的方式注入服务:

export class InsightsExceptionHandler extends ExceptionHandler {
    private _errorReporter: ErrorReportingService;
    constructor( @Inject(ErrorReportingService) errorReporter: ErrorReportingService) {
        super(null, null);
        this._errorReporter = errorReporter;
    }
......

尝试运行应用时出现此错误:

Error: (SystemJS) EXCEPTION: Error during instantiation of ApplicationRef_! (ApplicationRef -> ApplicationRef_).
ORIGINAL EXCEPTION: No provider for ErrorReportingService! (ExceptionHandler -> ErrorReportingService)
ORIGINAL STACKTRACE:
Error: DI Exception

2 个答案:

答案 0 :(得分:3)

我想在您的应用程序主文件中引导您的应用程序,您必须使用类似于下面的内容进行异常处理,

在引导程序提供程序本身中添加所需的所有服务,

{{1}}

希望这会有所帮助!!

答案 1 :(得分:0)

打破循环使用

@Injectable()
export class ErrorReportingService {
  constructor(injector:Injector) {
    setTimeout(() {
      this.appRef = injector.get(ApplicationRef);
    });
  }
}

我不知道这是否正是导致循环的原因,因为您的问题不包含ErrorReportingService来源,但您应该明白这一点。