Angular Material表分页器具有未定义的结果长度

时间:2019-01-06 12:30:11

标签: angular angular-material google-cloud-firestore

我正在使用Angular Material表进行分页。

但是,我的表结果长度有限。

那是因为使用了Firestore,但无法计算结果。

我能做的是获取x数量的结果,当用户按下下一页按钮时,将加载x数量的结果。

但是,为了使用它,我必须像这样将长度传递给分页器:

  <mat-paginator [length]="resultsLength" [pageSize]="eventsPerPage"></mat-paginator>

问题是,现在我只能将此长度设置为某个数字,例如100,以解决我的问题。

简而言之:

  • 我不知道结果数。想象它像一个无限的页表
  • 对服务器的第一个请求可以说返回前10个结果
  • 如果我将那个resultLength分配给分页器,那么我就没有选择权转到分页器,因为分页器认为页面已到达末尾?

所以上面的最后一点是我的问题

1 个答案:

答案 0 :(得分:1)

在动态加载记录时,具有带有结果的rowcount属性。将行数分配给resultsLength以加载分页器。在mat-paginator中使用page事件,以便当用户更改页面时,将自动调用此事件并返回下一组结果。每次返回结果时,都根据pageSize更改行数。

引用此链接 https://material.angular.io/components/paginator/examples