如何在使用subscribe（）处理之前转换Http错误？

Question

我有一个使用服务的angular2组件，它使用Http来发出HTTP请求。

服务看起来像：

export class AuthenticateService { 

    constructor(private http: Http) {} 

    public authenticateUser(username: string, password: string) : Observable<User> { 
    return this.http.post("http://localhost:3002/admin/login", { 
     username: username, password: password 
    }) 
    .map((res: Response) => { 
     //I can fiddle with non-error responses here, but if an error happens then this doesnt get called 
     return res.json() as User; 
    }); 
    } 

和组件看起来像：

export class LoginFormComponent { 

    userRequest : Observable<User>; 

    constructor(private _authenticateService: AuthenticateService, private _router: Router) {} 

doLogin() : void { 
    this.userRequest = this._authenticateService.authenticateUser(this.form.username, this.form.password); 

    this.userRequest.subscribe(user => { 
     this._router.navigateByUrl("/user"); 
    }, error => { 
     //this is where I just want the 'errorMessage' property, not the entire ResponseBody object 
     console.log("Error object looks like: ", error); 
     this.errorMessage = error.json().errorMessage; 
    }); 
} 

}

服务会返回一个可观察该组件订阅。但是，当执行error函数时（由于HTTP请求返回非200状态码），我得到了作为error参数传递给错误处理函数的完整HTTP响应对象。

如何在服务级别转换它以返回errorMessage部分？我想在我的错误处理函数中处理的是字符串错误消息，它不应该处理整个HTTP响应对象，甚至不知道HTTP是一件事情。

我已经习惯承诺，仍然试图让我的头绕RxJS。

Answer 1

可以使用catch()操作：

this.userRequest 
.catch(e => Observable.throw(e.json().errorMessage)) 
// or just .catch(e => throw e.json().errorMessage) 
.subscribe(user => { 
    this._router.navigateByUrl("/user"); 
}, error => { 
    //this is where I just want the 'errorMessage' property, not the entire ResponseBody object 
    console.log("Error object looks like: ", error); 
    this.errorMessage = error; 
});