Angular 8 - 如何使用 Promise 和 Async/Await

Question

这个问题在这里已经有了答案:





How to return the response from an asynchronous call

(42 个回答)


2年前关闭。




我一直在尝试使用教程，但似乎无法弄清楚如何使用 Promise 或异步等待。

我有一个 http GET 请求，我想在返回之前等待 API 的结果。返回 null 因为函数在 GET 发生之前返回。

获取

get_UserAccess(practiceId: number, userId: number): UserAccess {
    var d: UserAccess;

    this.httpclient.get(this.URL).subscribe.(data => {
      d = data as UserAccess;
    });

    return d; //Keeps returning as null

调用组件

var userAccess = this.dataService.get_UserAccess(this.practice.practiceId, this.users[i].userId);
this.loadAccess(userAccess);

我已经尝试将 await 和 async 标签添加到 get 请求中，但我不确定如何处理它返回给调用组件的 promise 。

Answer 1

您可以使用 await像这样的运算符:

async getAsyncData() {
    this.asyncResult = await this.httpclient.get(this.URL).toPromise();
    console.log(this.asyncResult);
}