在angular 6中使用takeWhile在使用http轮询api时无响应

时间:2018-09-12 17:24:41

标签: angular rxjs angular6 polling

我有一个要轮询的客户端API,直到返回成功结果,此API返回带有以下JSON的响应。

{
"count": 0,
"meta": {
    "status": "PENDING",
    "total": 3185,
    "completion_percentage": 0,
    "total_available": 0,
    "hotels_filtered": 0,
    "offers": 0
},
data:[]
}

一个肯定的结果应该包含状态='COMPLETED'并且归档的数据会将结果包括在数据中,我尝试使用'rxjs'中的takeWhile

component.ts

var headers = { headers: new HttpHeaders({ 'x-user-agent':'M;B2B' }) };

var url='https://api.xyz.com/hotels/v1/search/entity/27548283?apikey=1234567'

this.http.get(url,headers)
.pipe(
  takeWhile((data)=>JSON.parse(JSON.stringify(data)).meta.status==='COMPLETED') 
)
.subscribe((result)=>{
  console.log(result);

},(err)=>{
  console.log(err);

})

但是不幸的是,我没有任何订阅日志方法, 这是正确的方法吗?

我的角度版本是6。

1 个答案:

答案 0 :(得分:0)

我认为您正在寻找retryWhen运算符:

let httpGet$ = this.http.get(url, headers);
let retryFilter = data => JSON.parse(JSON.stringify(data)).meta.status !== 'COMPLETED';

httpGet$.pipe(
  map(data => {
    if(retryFilter(data)) {
      throw 'retry';
    }
    return val;
  }),
  retryWhen(_ =>
    // retry after 3 sek when retryFilter (above) failed
    _.pipe(delayWhen(_ => timer(3000))),
  )
).subscribe(result => console.log(result));