为什么我的 Angular Async/Await 循环在为每个索引执行之前退出？

Question

我在 Angular 中有一个 asnyc 函数，它在循环中完成所有等待调用之前退出。

它目前只运行 1 个等待调用。有什么想法吗？

  async rtClick() {
    for (let index = 0; index < this.mulObj.value.length; index++) {
      const selectedRT = this.mulObj.value[index];
      await this.runRTSub(selectedRT);
      console.log(index);
    }
    console.log('spot 2')

  }

在上面的示例中，即使数组中有 5 个对象，我也会在第一次等待完成后立即在控制台记录“spot 2”。我希望所有 5 个等待在“点 2”出现之前循环并完成。

下面是 runRTSub 调用的内容。

  runRTSub(selectedRT) {
    return new Promise((resolve) => {
      this.DbService.getRTSP(selectedRT).subscribe(rtsp_results => this.rtsp_results = rtsp_results,
      (err) => {
         console.log('ERROR: ' + JSON.stringify(err)); 
    },() => {
      resolve(1);
    });
  });
  }

Answer 1

等待承诺

您必须将您的承诺回调标记为async 以使其可等待。

下面是一个使用 setTimeout() 的简单例子来说明：

// returns 'done' after 500ms
function mockPromise() {
    /* NOTE: the promise callback has been marked async because we expect to await it later */
    return new Promise(async (res, rej) => {
    setTimeout(() => res("done"), 500)
  });
}

async function testMockPromise() {
    for(let i = 0; i < 5; i++) {
    console.log(await mockPromise());
  }
  console.log("final")
}
testMockPromise();
  /* outputs:
    done
    done
    done
    done
    done
    final /*