TS / JS - 异步功能不像预期的那样工作

Question

我不知道我是不是很蠢或什么，但我对这个小方法有一个大问题。

pk    price
1     10
2     15
3     0
4     10
5     5

预期结果：

应该在第一个之后调用第二个console.log，并返回与第一个相同的值

当前结果：

在所有其他的之前调用第二个console.log。

如何解决这个问题？提前谢谢。

Answer 1

您无法直接将await与Observable一起使用。如果您想使用async/await，可以使用toPromise运算符

import { toPromise } from 'rxjs/operators';

async fetchContacts() {
  this.contacts = await this.http.get('http://localhost:3000/contacts').toPromise()

  ...
}