Angular 获取响应体

Question

我无法理解应该如何从 Angular Response 对象获取响应主体。在他们的文档中，他们有一个例子说明

http.request('my-friends.txt').subscribe(response => this.friends = response.text());

然而，当我尝试执行 let body: string = response.text(); 时，我收到一条错误消息“Argument of type 'Promise' is not assignable to parameter of type 'string'” .

我试着把它当作一个 promise 并去做

让正文:字符串；
response.text().then(text => body = text);

这消除了编译错误，但是当调用此代码时它会抛出错误“TypeError: response.text(...).then is not a function”。

我想了解 Promise 到底是什么以及我需要如何检索它的属性。

Answer 1

我相信您在导入中引用了错误的 Response 对象。如果您指定类型需要导入 Response来自 Angular 包的对象:

import { Response } from '@angular/http`;

还有Response来自浏览器原生支持的 fetch API 的对象。它们的不同之处在于 Angular Response 对象为 Response.text() 方法返回 string，而 fetch API Response 返回一个 promise 。 http 服务使用 Angular 的 Response 对象，它返回一个字符串，因此您在这里不需要 promise 。

如果您想将主体文本保存到 body 变量中，则必须在从可观察对象获取值时执行此操作:

http.request('my-friends.txt').subscribe((response: Response) => this.body = response.text());