angular 2 – http错误处理程序中的注入服务

前端之家收集整理的这篇文章主要介绍了angular 2 – http错误处理程序中的注入服务前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个方法handleError(),如文档 https://angular.io/docs/ts/latest/guide/server-communication.html#!#error-handling中所示
private handleError(error: any) {
    console.error(error);
    console.log(this.loginService); // <- always undefined
    return Observable.throw(error);
}

我的问题是,this.loginService是未定义的,尽管它已在我的类中正确注入.它已经在其他方法中使用,但似乎在handleError中不可用.

http-catch调用方法的方式可能是问题吗?
如果是这样,我怎么能绕过那个?我需要在处理错误时执行一些逻辑.

这是一个关于如何将handleError方法设置为回调的示例(与文档完全相同)

this.http.get(url,ApiRequest.ACCEPT_JSON)
              .map(ApiHelper.extractData)
              .catch(this.handleError);
由于您直接传递函数,因此您没有类的此上下文.一个非常简单和最好的练习方法是使用lambda或“胖箭头函数”:
this.http.get(url,ApiRequest.ACCEPT_JSON)
    .map(res => ApiHelper.extractData(res))
    .catch(err => this.handleError(err));

关于何时使用lambdas的一个非常好的读物:https://stackoverflow.com/a/23045200/1961059

猜你在找的Angularjs相关文章