如何以角度4 ngx分页显示每页的记录

Question

我已经在角度4中安装了ngx分页。一切正常。 我想每页显示记录。即。 (Showing: 1 - 10 / 25 )。我试过但我没有得到任何解决方案。你能帮帮我吗？提前谢谢。

Answer 1

您可以在NgFor表达式的末尾使用PaginatePipe。您可以传递要显示为配置选项的记录数。

<element *ngFor="let item of collection | paginate: { itemsPerPage: pageSize,
                                                  currentPage: p,}">...</element>

Answer 2

我以这种方式工作，并且有所帮助，

 public setPageNumbers(pageNo,pageSize) {
    this.startValue = (pageNo * pageSize) - (pageSize -1)
    this.lastValue = this.agentParms.pageNo * this.agentParms.pageSize;
    this.lastValue = this.lastValue > this.agentTotal ? this.agentTotal: this.lastValue;
  }

所以在这里，我要乘以当前页码和页面大小，然后乘以当前页码，所以我得到第一个值，并获取最后一个值，并检查页面号。和页面大小，并显示为最后一个值。如果最后一个值大于总数，则将总数作为最后一个值。

希望这会有所帮助。