使用 map 转换值时，Observable 始终未定义

Question

我试图理解为什么当我转换 observable 时它在控制台日志中出现未定义，即使我知道它有分配给它的值。

Http 请求

getLibraryCardPeople(bookName: String): Observable<people[]> {
return this.http.get<LibraryCard>(url).pipe(map(results => results.people));
}

JSON 回复

book : "LOTR"
people : [
    {"name" : "joe", "age" : 20 , "Location": [...]},
    {"name" : "sarah", "age" : 16 , "Location": [...]}
]

当我执行 function 并尝试观察 people 数组在控制台日志中始终未定义。 但是，如果我没有 map，我可以看到整个 JSON 响应已定义。

Answer 1

您需要subscribe httpClient。 第一次subscribe将激活 http 电话。

getLibraryCardPeople(bookName: String): Observable<people[]> {
  return this.http.get<LibraryCard>(url);
}

然后在你的组件中：

this.myService.getLibraryCardPeople.subscribe(data => {
  data.pipe(map(results => results.people));
})

这是使用HttpClient的正常方式。 您也可以使用toPromise中的RxJS 。 在这里阅读所有内容。 一个例子：

this.http.get<LibraryCard>(url).toPromise()
        .then(res => console.log(res))
        .catch(err => { console.log ('error');