angular - ionic 页面内的重复 REST 调用

Question

在 Ionic 页面中，我需要显示一个 qrCode，直到对服务器的 rest 调用返回一个 ack 值。我需要每隔一到五秒调用一次，以检查“激活完成”阶段。

当我进入页面并连续进行时，如何开始重复调用？

Answer 1

您可以开始 ping API onInit()

ngOnInit(){    
   this.pingAPI().subscribe(
     (data) => {
        // activate QR code
     }
   ); 
}

private pingAPI(){
         return Observable.timer(1000, 5000)          // after 1 second, tick every 5 second
                    .map(() => {
                        return callAPI().map(
                               (data) => {
                                  // manipulate data
                                  return data;
                               }
                        );
                    })
                    // do not go further unless the property 'activationDone' is truthy
                    .filter(data=> data.activationDone == true)
                    .first();  // stop the chain when condition satisfies for the first time
}