Angular Material Paginator不允许在检索数据后按下返回按钮

使用材料分页器时出现问题。它正确地检索了数据,并且分页器数据正在正确更新,特别是pageIndex正在正确递增,但是项号没有更新,如下所示。我相信这是由于onChangedPage($ event)函数的缘故,因为当我删除它时,一切都可以正常运行,但是我的数据当然不会更新了。

screen shot of the item count

我想知道考虑到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方法。我的后端逻辑很好,我可以正确检索所有内容,但是由于某种原因,分页器未更新要检索的项目的位置。任何帮助将不胜感激,谢谢!

bingjie000407 回答:Angular Material Paginator不允许在检索数据后按下返回按钮

如果有人遇到此类问题。我发现问题是因为在调用后端数据时使用了加载微调器。这更改了视图并重置了页面数据。卸下微调器后,它现在可以按预期工作。

本文链接:https://www.f2er.com/3148662.html

大家都在问