问题描述
我遵循了他们使用的文档:
findLessons(): Observable<Lesson[]> {
return this.http.get('http://localhost:3000/api/lessons').pipe(
map(res => res["payload"])
);
}
但是这不起作用,我得到了一个未定义的。
findLessons(): Observable<Lesson[]> {
return this.http.get<Lesson[]>('http://localhost:3000/api/lessons');
}
那么为什么 1 不起作用?解决方法都一样吗?首选哪种解决方案?
解决方法
在第一个示例中,您收到 API 响应,但您只对返回 payload
属性感兴趣。您未定义,这意味着 API 响应不包含 payload
属性。
在第二个示例中,您收到一个 API 响应,您预计该响应会反序列化为 Lesson[]
,然后您将返回它。
这与首选哪种解决方案无关,您正在做不同的事情,显然第一个不符合您的 API 响应。
谈到“首选”事物,符号 res.payload
比 res["payload"]
更受欢迎。