对数组的每个项进行api调用

Question

我有一个object of days数组，我想对每个数组项进行单独的HTTP调用。但条件是当我得到前一个项目的成功响应时，只有我想做下一个项目的API请求，直到我想等待。假设我的数组中有5个项，所以它将立即调用API。我希望每个项目的API请求顺序。意味着当我的第一个items API请求响应为真时，第二个items API应该调用。

// component call

daysArr = [
    {
      day: 'Monday',
      date: '20-10-2018'
    },
    {
      day: 'Tuesday',
      date: '21-10-2018'
    },
    {
      day: 'Wednesday',
      date: '22-10-2018'
    },
    {
      day: 'Thursday',
      date: '23-10-2018'
    },
    {
      day: 'Friday',
      date: '24-10-2018'
    },
    {
      day: 'Saturday',
      date: '25-10-2018'
    },
    {
      day: 'Sunday',
      date: '26-10-2018'
    }
  ]
  
  postCall() {
  let apiUrl = 'https:someurl.com/api/dayspost';
  for (let i = 0; i < this.daysArr.length; i++) {
  
      // how to check previous request response & make request for next array element
      
    this.service.createPost(apiUrl,this.daysArr[i])
    .subscribe(response => {
      console.log('response',response)
    })
  }
}

//service post call

createPost(url, post) {
   return this.http.post(url,post)
    .pipe(
      map(data => {
        return data;
      })
     )
 }

上面是显示API请求的片段。但我不明白如何检查我以前的响应&然后只对新的数组元素进行新的API/POST调用。

谢谢你。

Answer 1

您可以这样做：

let i = 0;
makeRequest(apiUrl, this.daysArr[i]){
  this.service.createPost(apiUrl,post)
    .subscribe(response => {
       console.log('response',response)
       i++;
       if(i < this.days.length){
          makeRequest(apiUrl, this.daysArr[i])
       }
  })
}

我现在没有IDE来尝试这个，但是它应该可以很好地工作