Fehler bei Observable Handhabung in Angular 2

Question

Ich versuche, alle Fehler zu übergeben, die in einer HTTP-Anforderung an einen gemeinsamen Protokolldienst von allen meinen Diensten auftreten könnten:

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/catch'; 

constructor(logger: LoggerService) { } 

doSomething(): Observable<any> { 
    return this.http 
     .post('/foo/bar', {}) 
     .catch(this.notifyErrors); 
} 

protected notifyErrors(error: any): Observable<any> { 
    this.logger.log(error); 

    return Observable.throw(error); 
} 

Leider innerhalb der notifyErrors Methode, this ist verloren. Ich habe versucht, dies als einen dicken Pfeil zu definieren, aber ich bekomme vom TS-Compiler Typfehler. Ich habe die genaue Syntax in der Observable-Dokumentation verwendet.

Answer 1

Wenn Sie Funktionsreferenzen übergeben, müssen Sie this

.catch(this.notifyErrors.bind(this)); 

oder alternativ

.catch(() => this.notifyErrors()); 

Siehe auch https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

Answer 2

ich Ihren Code ausgeführt haben nicht beheben, aber wenn Sie Möchten Sie auf dieses zugreifen, müssen Sie es möglicherweise übergeben.

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/catch'; 

constructor(logger: LoggerService) { } 

doSomething(): Observable<any> { 
    return this.http 
     .post('/foo/bar', {}) 
     .catch(err => { 
      this.notifyErrors(err, this); 
     }); 
} 

protected notifyErrors(error, that): Observable<any> { 
    that.logger.log(error); 
    return Observable.throw(error); 
}