javascript - $index 对于所有使用 dir-paginate 的页面都是固定的

标签 javascript angularjs pagination dirpagination

我在我的 Angular 应用程序中使用 dirPaginate 指令进行分页。 它工作正常,但问题是我每页显示 10 条记录,但在每一页上 $index 在每一页上重复相同的 (1-10)。 下一页应该是 11-20,21-30 等等。请帮我解决一下。 这是我的代码

<tbody dir-paginate="wagedtl in listWagemasterdtls | orderBy:orderByField:reverseSort | filter : detailsfilter |itemsPerPage:10">
<tr><td class="hidden-xs">{{ wagedtl.wageTypeMstrID}}</td><td>{{wagedtl.wageTypeMstrNm}}</td></tr> 
<dir-pagination-controls max-size="5" direction-links="true" boundary-links="true"></dir-pagination-controls>

最佳答案

这就是 dir-paginate 使用的 ng-repeat 的工作原理。不过,我认为它应该是 0-9 而不是 1-10。

要计算整个页面的实际索引,您可以使用 current-page 属性将当前页面设置为一个属性。

<tbody dir-paginate="..." current-page="currentPage">

然后就可以使用模板中的属性了

$index + currentPage * 10

https://github.com/michaelbromley/angularUtils/blob/master/src/directives/pagination/README.md

关于javascript - $index 对于所有使用 dir-paginate 的页面都是固定的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35402131/

相关文章:

php - 我需要一个 PHP 脚本来解密由 生成的 RSA 加密字符串

javascript - 向 jquery 宝丽来画廊添加缩放功能

javascript - 在不刷新浏览器的情况下使用 replaceWith 同时单击按钮

javascript - Angularjs:使用事件类在输入上添加占位符

javascript - 推荐的解决方案让 AngularJS 识别浏览器已检测到的无效输入?

javascript - 为什么将对象推送到数组会覆盖/更新现有的和类似的对象?

php - 获取数据并检查一次查询中是否有 "Next Page"?

javascript - 点击提交按钮后,如何将使用多个类型的输入值从表单显示到另一个页面创建的表?

mysql - 无法分页: Invalid total value (must be an integer > 0) In Php PDO

asp.net - 使用 DataPager 而不检索每个请求的所有行