我正在做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的对象属性。
你能否指出一些关于“结果”来自何处及其含义的文件?
先谢谢。
答案 0 :(得分:2)
首先,这一行.map(res => res.json())
将响应主体解析为json对象。然后第二个map
允许在data
参数下访问此json对象。 data
表示的json对象实际上是实际响应结果数据的包装器,使用Result
作为映射到后端返回的数据的键,该数据遵循此安全建议HERE。所以data.Result
只是映射到后端返回的实际数据的键。后端可能使用了不同的密钥名称,例如秘密,然后你会data.secret
来获取从服务器返回的数据