javascript - 异步角度请求的问题

Question

如何以角度处理异步调用。我知道由于异步性质，我的数组未定义，但我该如何解决它

private fetchData(id){
   var array = [];
   this.httpClient.get('someUrl/'+id).subscribe((organisation)=>{
      console.log(organisation.teams);   // ['team1','team2','team3']
      organisation.teams.forEach((team)=>{
          this.httpClient/get('someUrl/'+team).subscribe((teamData)=>{
             array.push(teamData);
          })
       })
       console.log(array);    // undefined
    })
}

标签： javascriptangulartypescriptrxjs5

Answer 1

您的代码似乎工作正常，并且您正确使用了订阅功能。您记录的原因是在 get 请求返回值之前调用undefined了该行。要检查这一点，您可以在订阅范围内移动该行（该行所在的位置）。console.log(array)'someUrl'+teamconsole.log(array)array.push(teamData)

使用更少缩进的更现代的编写方式是使用 async/await：

private async fetchData(id){
   var array = [];
   let organisation = await this.httpClient.get('someUrl/'+id).toPromise();
   console.log(organisation.teams);   // ['team1','team2','team3']
   let teamData;
   organisation.teams.forEach((team)=>{
       teamData = await this.httpClient/get('someUrl/'+team).toPromise()
       array.push(teamData);
   })
   console.log(array);
}