如何在API调用上显示和隐藏Mat Spinner

Question

我试图在API方法调用上显示Mat Spinner。 以下是我订阅以获取数据的API调用代码，通常只有2分钟的工作时间，但是这次却不起作用，我也知道这是由于有一个Subscribe方法导致的，因此有什么简单的实现方法吗？

 this.loading = true;

 this.ticketModelService.farmerList
  .subscribe(value => {
    if (value) {
      this.farmerList = value.data;
      this.paginationNumbers = value.recordsFiltered
    }
  })

  this.loading = false;

编辑：2秒钟的空白屏幕。

Answer 1

我认为您的问题是您的微调框出现了，突然消失了。 因此，这里的加载变量不会等待API处理，并且会在ms内消失。 因此，您应该在API回调中隐藏加载程序。 因此，在您处理API之前，加载程序将一直存在。 得到响应后，即使出现错误，您也可以隐藏自己是加载程序。

 this.loading = true;

 this.ticketModelService.farmerList
  .subscribe(value => {
     this.loading = false;
    if (value) {
      this.farmerList = value.data;
      this.paginationNumbers = value.recordsFiltered
    }
  })

如上所述更新代码。