如何修复我的 angular 页面在 settimeout() 中的每个 rest 调用上闪烁

Question

我检查了许多 stackoverflow 问题，但没有找到解决我试图实现目标的方法。

请与我裸露，因为我是 angular 7 的业余爱好者。所以我所做的是，我调用了一个方法并使用超时的方式，如果 REST 订阅，该方法将每 4 秒递归调用 1 分钟呼叫响应为假，如果为真，我将重新路由到另一个 angular 页面。

我面临的问题是每 4 秒我的页面/应用程序闪烁 1 分钟

我将闪烁范围缩小到 REST 订阅呼叫，即：

this.AnythingService.isFileCheckoutValid(this.number).subscribe(
            (res)=>{....}
);

我每次都在检查响应是真还是假，如果响应为假，我将再次递归调用 checkFileAndRedirect(time) 方法并增加时间，一旦经过 1 分钟，递归调用将停止并显示错误 toastr

这是我的方法调用：

this.checkFileAndRedirect(1)

这是方法体：

checkFileAndRedirect(time:number){
         setTimeout(() => {
          this.AnythingService.isFileCheckoutValid(this.number).subscribe(
            (res)=>{
              if(res.isFileCheckoutValid){
                this.router.navigate(["/functional/"+this.number]);
                return
              }
              time++
              if(time<15){
                this.checkFileAndRedirect(time)
              }
              else{
                this.toastr.error('Error', "Not able to create and checkout Blank Template");
                this.router.navigate(["/functional/"+this.number]);
                return
              }
            }
          );
      }, 4000);
    }

请帮我解决由于订阅电话和响应而导致的闪烁问题，非常感谢您的帮助