Angular2 - Как внедрить услугу в обработчик исключений

Question

У меня есть обработчик исключений, как это, в котором я пытаюсь внедрить услугу (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 

Answer 1

Я думаю, в вашем приложении основной файл, в котором вы при загрузке приложения вы должны использовать что-то подобное ниже для обработки исключений,

Добавьте все услуги, которые вам нужны в самом бутстрап-провайдере,

bootstrap(
<YourAppComponent>, 
[ 
    // inject all the services which you need here 
    // so that they can be injected wherever required 

    ErrorReportingService, 
    provide(ExceptionHandler, { 
     useClass: InsightsExceptionHandler 
    }) 
]).catch(err => console.error(err)); 

Надеюсь, это поможет!

Answer 2

Чтобы разорвать цикл использование

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

Я не знаю, если это именно то, что вызывает цикл, потому что ваш вопрос не содержит ErrorReportingService источника, но вы должны получить идею.