5 秒后 Ng4LoadingSpinner 超时答案

【问题标题】：Ng4LoadingSpinner timeout after 5 sec5 秒后 Ng4LoadingSpinner 超时
【发布时间】：2019-03-29 00:52:41
【问题描述】：

我在使用 Ng4LoadingSpinner 时遇到了一个问题。默认超时5秒后它会自动消失，但我们的请求仍在进行中。如果我们增加超时，那么它工作正常。如果有其他解决方案可以取消默认超时而不是增加超时，请提出解决方案。

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

【问题讨论】：

能把你使用的方法贴出来吗...
Here 是一个堆栈闪电战，适合那些想要尝试该组件的人。
你可以使用 *ngIf
@Suryan 我没有将它用于任何特定方法。我用它来为每个HttpClient 请求显示整个系统的加载程序。当服务返回响应加载器停止。
我可以取消它的超时属性，这样它的加载器只会在我们以编程方式关闭它并且不会使用超时时间后停止，而不是将默认超时值增加到 1 分钟或更高。

标签： angular angular5 spinner loader

【解决方案1】：

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

将下面的行添加到您要在其中使用加载器的组件构造函数中：

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();
         }

        }

    }

希望这会有所帮助。

【讨论】：