Angular 材料分頁器在檢索數據后不允許按下后退按鈕

Question

使用材料分頁器時遇到問題。 它正確檢索數據並且分頁器數據正確更新，特別是 pageIndex 正確遞增但項目編號未更新，如下所示。 我相信這是因為 onChangedPage($event) function 因為當我刪除它時一切正常，但我的數據當然沒有更新。

項目計數的屏幕截圖

考慮到 pageIndex 工作正常，我想知道是什么導致它無法正常工作，這是我的分頁器代碼。 我的代碼是動態的。

html：

<mat-paginator
      [length]="totalMessages"
      [pageSize]="messagesPerPage"
      [pageSizeOptions]="pageSizeOptions"
      (page)='onChangedPage($event)'
    ></mat-paginator>

TS：

onChangedPage(pageData: PageEvent) {
console.log(pageData);
this.currentPage = pageData.pageIndex + 1;
const endingIndex = this.messagesPerPage * this.currentPage;
const startingIndex = endingIndex - this.messagesPerPage;
this.isLoading = true;
console.log(endingIndex);
console.log(startingIndex);
this.Service
.getFunction(this..ticketNumber, startingIndex, endingIndex)
.subscribe(data => {
****taken out for security reasons
 }

摘要：本質上，我是在 Mongo DB 文檔中的嵌入式數組上分頁並使用 $slice 方法。 我的后端邏輯很好，我正在正確檢索所有內容，但由於某種原因，分頁器沒有更新我正在檢索的項目的 position。 任何幫助將不勝感激，謝謝！

Answer 1

如果有人遇到此類問題。 我發現問題是因為我在調用后端數據時使用了加載微調器。 這改變了視圖並重置了頁面數據。 一旦我刪除了微調器，它現在可以按預期工作。