可观察地图功能未运行（Angular2，http）

Question

最新消息

问题似乎是地图函数没有在“失败”的请求上运行。这意味着，如果我正在交谈的API返回一个422验证失败错误（或其他4xx错误）Angular将把它视为失败，并导致观察者运行订阅的错误回调，跳过进程中的映射函数。

是否可以强制Angular将某些4xx错误视为成功的请求，或者强制map函数运行，即使Observable返回错误？

我有以下代码运行在我的Angular2应用程序：

import {Injectable} from "angular2/core";
import {Observable} from "rxjs/Rx";
import {Http, Headers, ResponseOptions, Response} from "angular2/http";
import 'rxjs/add/operator/map';

...

public login (email : string, password : string) {
    return this.http.post(_endPoint + '/auth/login/', JSON.stringify({
        email: email,
        password: password
    }), {
        headers: new Headers({
            'Content-Type': 'application/json'
        })
    })
    .map (res => {
        let data = res.json();
        console.log(data);
        return data;
    });
}

代码执行得很好，只是没有启动map函数。我没有收到任何错误，并且已经尝试使用导入'rxjs/add/operator/map'和不使用运行代码，结果相同。我还尝试了一个更简单的映射函数。地图（res）=

在这两种情况下，我都希望在中返回结果。subscribe（）函数作为JSON响应，但我得到的是原始响应。

编辑：添加了请求数据和响应的屏幕截图

答复：

[{"field":"email","message":"Email or password incorrect."},{"field":"password","message":"Email or password incorrect."}]

我还在一个完全成功的请求（状态代码： 200）上测试了它，地图功能似乎运行良好。所以我想它只在返回成功响应时运行。有没有办法让它无论如何都运行，或者指定它应该运行的其他状态代码？




Answer 1

如注释所述，由于响应包含422状态代码，即错误，因此未调用map方法。因此直接调用catch方法。

如果您需要提取与错误相对应的JSON内容，您可以在服务中尝试类似的操作：

getCompanies() {
  return this.http.get('https://angular2.apispark.net/v1/companies1/', {
    headers: headers
  }).map(res => res.json()).catch(err => Observable.throw(err.json());
}

现在，在调用服务的组件中，您将能够订阅。第二个参数将在响应的JSON内容的情况下调用：

service.getCompanies().subscribe(
  data => console.log('data = '+data),
  err => console.log('err = '+JSON.stringify(err, null, 2)), // <---
  () => console.log('complete')
);

印刷内容为：

err = {
  "code": 404,
  "description": "The server has not found anything matching the request URI",
  "reasonPhrase": "Not Found"
}

希望对你有帮助，蒂埃里