angular - 如何在 Angular 4 ngx 分页中显示每页的记录

Question

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

Answer 1

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

<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;
  }

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

希望这可以帮助。