Question

我正在开发一个Angular 2 Apllication，我的登录功能就是这项服务。

import { Http, Response } from '@angular/http';
import {Injectable} from '@angular/core';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/catch';
import { Observable } from 'rxjs/Observable';
import { contentHeaders, apiUrl} from '../shared/headers';
@Injectable()
export class LoginService extends BaseService{
constructor(private http: Http){
super();
}
/**
* send the user login data (email, password) and the token back to be stored on the client side.
* @param user
* @returns {any|Promise}
*/
login(user: any): Observable<any>{
let body = JSON.stringify(user);
return this.http.post(apiUrl + '/login', body, { headers: contentHeaders })
.map(this.extractData)
.catch(this.handleError);
}
/**
* extract response data and return it to the component
* @param res
* @returns {*}
*/
public extractData(res: Response) {
let body = res.json();
console.log(body);
return body;
}
/**
* handle service error
* @param error
* @returns {ErrorObservable}
*/
public handleError(res: Response) {
return Observable.throw(res);
}
}

我以这种方式在我的LoginComponent中使用它

this.loginService.login(userObj)
.subscribe(
(response: any) => {
// success call that is Ok
},
(errorRes: any)=> {
console.log('res in err is', error);
}

- 我的组件中console.log的结果是

TypeError: Observable_1.Observable.throw is not a function

我试图搜索stackoverflow或github如果一个问题解决了这个但我找不到帮助我的soething，所以如果有人可以帮我处理LoginComponent中的错误作为服务的handleError方法的响应并得到我的组件中的服务器的错误消息将是伟大的。注意：成功部分工作正常，问题出在我做错的情况下返回Observable.throw（res）;
提前致谢

Answer 1

当引发throw时，你应该使用catch操作符来处理

getTasks(): Observable<any[]> {
        return this._http.get(this._url)
            .map((response: Response) => <any[]>response.json())
            .do(data => console.log("data we got is " + JSON.stringify(data)))
            .catch(this.handleError);

    }
    private handleError(error: Response) {
            console.log(error);
                    }

此外，您再次抛出错误处理程序方法，该方法不应该是这样的

this.loginService.login(userObj)
.subscribe(
(response: any) => {
// success call that is Ok
},
(error)=> {
////////////////////////error message is available in this object
console.log('res in err is', error);

})

Answer 2

您需要导入Observable.throw()。

添加此导入语句：

import 'rxjs/add/observable/throw';

使用Observable时处理服务器错误

2 个答案: