如何處理 angular 中的異步操作？

Question

我正在嘗試通過在路由鏈接中傳遞片段來啟動 ngOnInit() 上的模態組件

  ngOnInit() {
    this.getCandidateDetails()

    this.route.fragment.subscribe(qp => {
      if ('openjobeditmodal' == qp) {
        this.editJobRole();
      }
    })
    
  }

現在我可以在頁面啟動時打開模態組件，但問題是組件將 this.getCandidateDetails() 響應作為輸入，並且this.getCandidateDetails()在模態啟動后被調用，我如何確保我只訂閱模態只有在調用this.getCandidateDetails()之后

Answer 1

使 this.getCandidateDetails this.getCandidateDetails()返回 Promise，然后在訂閱可觀察對象之前等待 Promise 完成：

async ngOnInit() {
  await this.getCandidateDetails()

  this.route.fragment.subscribe(qp => {
    if ('openjobeditmodal' == qp) {
      this.editJobRole();
    }
  })
}

如果您需要幫助使其返回 promise，請分享您的getCandidateDetails()代碼。