angular - 在 Angular 2 中使用 Observables 进行错误处理

Question

我正在尝试将 HTTP 请求中可能发生的任何错误从我的所有服务传递到公共(public)日志记录服务:

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);
}

不幸的是，在notifyErrors 方法中，this 丢失了。我试过将其定义为粗箭头，但我从 TS 编译器中得到了类型错误。我在 Observable 文档中使用了准确的语法。

Answer 1

如果传递函数引用，则需要修复this

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

或者替代地

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

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