如何在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
    }
  })

如上所述更新代碼。