【问题标题】:ngx-pagination in Angular 4 without totalItemsAngular 4中的ngx-pagination没有totalItems
【发布时间】:2018-05-15 22:51:33
【问题描述】:

我依赖于允许分页的 REST 服务, 例如:http://10.127.2.20:23700/v1/telname?filterCriteria.pageSize=25&filterCriteria.pageNumber=1

如果您不提供这些值,则默认值通常为 pageSize 25 和 pageNumber 1。

现在我正在构建一个 Angular4 应用程序来使用此服务,并且遇到了一个问题,我无法访问在我的 ngFor 中填充 totalItems 所需的元数据:

<tr *ngFor='let telName of telNames | telNameFilter:listFilter | paginate: { itemsPerPage: items, currentPage: page, totalItems: total }'> 

我正在使用 @angular/core 4.4.6 和 ngx-pagination 3.0.3

目前我在我的列表组件中对总数进行硬编码,但我想知道是否可以更改我安装的这个模块中分页的工作方式。我可以为总数提供一个无限的#,以便用户可以只需继续单击下一步无限或至少直到他们要求的页面中没有任何值?

或者我可以改变&lt;pagination-controls (pageChange)="getPage($event)"&gt;&lt;/pagination-controls&gt; 的行为,而不是数字列表,也许有一个显示当前页面的文本框和下一个/上一个按钮只是将该值从 0 更改为文本框中的任何值?

【问题讨论】:

    标签: angular ngx-pagination


    【解决方案1】:

    如果您不使用 Ngx-paginationtotalItems 属性,它将占用所提供数组的长度,即在您的情况下为 telNames。 即

    <tr *ngFor='let telName of telNames | telNameFilter:listFilter | paginate: { itemsPerPage: items, currentPage: page }'>
    

    【讨论】:

      猜你喜欢
      • 2023-02-03
      • 1970-01-01
      • 2021-03-24
      • 2019-11-02
      • 2018-05-15
      • 1970-01-01
      • 2016-12-19
      • 2020-08-06
      • 2021-02-09
      相关资源
      最近更新 更多