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

Question

我一直在尝试使用教程，但似乎无法弄清楚如何使用 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 请求中，但我不确定如何处理它返回给调用组件的承诺。

Answer 1

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

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

Answer 2

HTTP 获取

get_UserAccess(practiceId: number, userId: number): UserAccess {
return this.httpclient.get(this.URL); //Keeps returning as null

调用组件

async func(){
var userAccess =await this.dataService.get_UserAccess(this.practice.practiceId, 
          this.users[i].userId).ToPromise();
this.loadAccess(userAccess);
}

请注意，每个调用 func() 的函数也应该带有异步签名。祝你好运 ：）