“Result”在从nativescript / angular中的http.get请求获取的Observable的.map运算符中的含义

时间:2017-04-22 07:27:24

标签: json angular nativescript reactivex

我正在做nativescript / angular教程,我在代码中发现了一些我不理解的内容,并希望得到一些澄清。

在第4章(Nativescript模块)中,当他们执行http.get resquest来检索Grocery List并且他们得到Observable时我注意到它是通过一些map运算符传递的,这里是代码:

import { Injectable } from "@angular/core";
import { Http, Headers } from "@angular/http";
import { Observable } from "rxjs/Rx";
import "rxjs/add/operator/map";

import { Config } from "../config";
import { Grocery } from "./grocery";

@Injectable()
export class GroceryListService {
  constructor(private http: Http) {}

  load() {
    let headers = new Headers();
    headers.append("Authorization", "Bearer " + Config.token);

    return this.http.get(Config.apiUrl + "Groceries", {
      headers: headers
    })
    .map(res => res.json())
    .map(data => {
      let groceryList = [];
      data.Result.forEach((grocery) => { //<------HERE
        groceryList.push(new Grocery(grocery.Id, grocery.Name));
      });
      return groceryList;
    })
    .catch(this.handleErrors);
  }

  handleErrors(error: Response) {
    console.log(JSON.stringify(error.json()));
    return Observable.throw(error);
  }
}

我的问题是,“结果”在第二个.map中意味着什么

为什么他们不简单地把

data.forEach((grocery) => {

我问,因为我不确定它是否是.map(res =&gt; res.json)或其他内容产生的observable的对象属性。

你能否指出一些关于“结果”来自何处及其含义的文件?

先谢谢。

1 个答案:

答案 0 :(得分:2)

首先,这一行.map(res => res.json())将响应主体解析为json对象。然后第二个map允许在data参数下访问此json对象。 data表示的json对象实际上是实际响应结果数据的包装器,使用Result作为映射到后端返回的数据的键,该数据遵循此安全建议HERE。所以data.Result只是映射到后端返回的实际数据的键。后端可能使用了不同的密钥名称,例如秘密,然后你会data.secret来获取从服务器返回的数据