Question

我的代码是：

async getDetails(){
  for(var i=0;i<this.results.length;i++){
      // this.booking.length=0;
      // this.hbl.length=0;
      var hblList=[];
      var bookingList=[];
      await this.api.get("track/dtl", 
      {
       loadPortId: this.results[i].loadPortId,
        dischargeId:this.results[i].dischargeId,
        scheduleId: this.results[i].scheduleId
      })
      .subscribe(res1 => {
        //let resp1 = res1;
        this.details= res1;
        bookingList.length=0;
        hblList.length=0;
        for(var j=0;j<this.details.length;j++){
          if(this.details[j].bookNo!== undefined){ 
            bookingList.push(this.details[j]);
           }else if(this.details[j].hblNo!== undefined){
            hblList.push(this.details[j]);
           }
         }
        //  this.results[i]["hbl"]=this.hbl;
        //   this.results[i]["booking"]=this.booking;
         console.log("this.hbl inside subscribe::::::::::::"+hblList);
        console.log("this.booking  inside subscribe::::::::::::"+bookingList);
        console.log("this.results[i]  after::::::::::::"+this.results[i]);
        });

        this.results[i]["hbl"]=hblList;
        this.results[i]["booking"]=bookingList;
        console.log("this.hbl after::::::::::::"+hblList);
        console.log("this.booking  after::::::::::::"+bookingList);
        console.log("this.results[i]  after::::::::::::"+this.results[i]);
        this.getCurrent(this.results[i].queries[0]);

    }

  }

我想为每个for循环项进行异步调用。任何人都可以帮我使用async-await来确保在下次调用之前完成第一次和每次异步调用。提前致谢

Answer 1

当您在Observable中订阅时，您没有使用async / await方法。 Async / await仅适用于Promises，因此，您需要先将您的observable转换为promise。

我不知道你的this.api是如何工作的，但是，也许你应该有一个toPromise（）函数。使用await，您不需要订阅或使用“.then（）”promise函数。

Answer 2

我无法尝试您的代码或尝试使用我的代码，但在这里，请看一下理论上应该有效的代码。

重点是：您必须决定是使用Observable还是使用Promises。不幸的是，Angular团队决定在Observable模块中返回http。 Observable不适用于async await，但有一个简单的转换：Observable.prototype.toPromise()。使用它，并摆脱.subscribe。

async getDetails(){
    for(var i=0;i<this.results.length;i++){
        // this.booking.length=0;
        // this.hbl.length=0;
        var hblList=[];
        var bookingList=[];
        var res1 = await this.api.get("track/dtl", {
            loadPortId: this.results[i].loadPortId,
            dischargeId:this.results[i].dischargeId,
            scheduleId: this.results[i].scheduleId
        }).toPromise();

        this.details= res1;
        bookingList.length=0;
        hblList.length=0;
        for(var j=0;j<this.details.length;j++){
            if(this.details[j].bookNo!== undefined){ 
                bookingList.push(this.details[j]);
            } else if(this.details[j].hblNo!== undefined){
                hblList.push(this.details[j]);
            }
        }

        this.results[i]["hbl"] = hblList;
        this.results[i]["booking"] = bookingList;
        console.log("this.hbl after::::::::::::"+hblList);
        console.log("this.booking  after::::::::::::"+bookingList);
        console.log("this.results[i]  after::::::::::::"+this.results[i]);
        this.getCurrent(this.results[i].queries[0]);    
    }
}

离子异步 - 等待不起作用

2 个答案: