Angular Ng4LoadingSpinner在5秒后超时

Angular Ng4LoadingSpinner在5秒后超时,angular,angular5,spinner,loader,Angular,Angular5,Spinner,Loader,我在使用Ng4LoadingSpinner时面临一个问题。 默认超时5秒后自动消失, 但我们的请求仍在进行中。如果我们增加超时,那么它工作正常。 如果有其他解决方案取消默认超时而不是增加超时,请建议解决方案 <ng4-loading-spinner [threshold]="0" [timeout]="60000" [zIndex]="100000"> </ng4-loading-spinner> 修复此问题的最佳方法是保持较高的默认超时,并手动显示和隐藏微调器 将以下

我在使用Ng4LoadingSpinner时面临一个问题。 默认超时5秒后自动消失, 但我们的请求仍在进行中。如果我们增加超时,那么它工作正常。 如果有其他解决方案取消默认超时而不是增加超时,请建议解决方案

<ng4-loading-spinner [threshold]="0" [timeout]="60000" [zIndex]="100000"> </ng4-loading-spinner>

修复此问题的最佳方法是保持较高的默认超时,并手动显示和隐藏微调器

将以下行添加到要在其中使用加载程序的组件构造函数:

private spinnerService: Ng4LoadingSpinnerService
在提交或任何函数调用显示和微调器时,以及在请求完成后隐藏它:

    submit(){

    //show spinner
     this.spinnerService.show();

       //service call or any process
       this.serviceCall.get().subscribe((result)=>{
        if(result.success)
         {
           //hide spinner
           this.spinnerService.hide();
         }

        }

    }

希望这会有所帮助。

你能把你使用它的方法贴在哪里吗。。。是一个stackblitz,面向那些想要尝试该组件的人。您可以使用*ngIf@Suryan我没有把它用于任何特定的方法。我使用它为每个
HttpClient
请求显示整个系统的加载程序。当服务返回响应时,加载程序停止。我是否可以取消其timeout属性,以便加载程序仅在以编程方式关闭后停止,并且不会使用超时时间,而不是将默认超时值增加到1分钟或更高。