【问题标题】:Track by $index with pagination使用分页跟踪 $index
【发布时间】:2017-07-05 05:25:08
【问题描述】:

我使用$index 检索要编辑的项目,它在第一页上工作正常,但在第二、第三等索引再次从零开始。 这是我的 ngRepeat 循环

<div class="row comment-table" ng-repeat="item in items ">

这是我视图的底部,分页在哪里

<div>
    <ul ng-if="pager.pages.length" class="pagination">
        <li ng-class="{disabled:pager.currentPage === 1}">
            <a ng-click="setPage(1)">First</a>
        </li>
        <li ng-class="{disabled:pager.currentPage === 1}">
            <a ng-click="setPage(pager.currentPage - 1)">Previous</a>
        </li>
        <li ng-repeat="page in pager.pages" ng-class="{active:pager.currentPage === page}">
            <a ng-click="setPage(page)">{{page}}</a>
        </li>               
        <li ng-class="{disabled:pager.currentPage === pager.totalPages}">
            <a ng-click="setPage(pager.currentPage + 1)">Next</a>
        </li>
        <li ng-class="{disabled:pager.currentPage === pager.totalPages}">
            <a ng-click="setPage(pager.totalPages)">Last</a>
        </li>
    </ul>
    </div>  

我认为我应该在我的 ng-repeat 中使用 track,但如果我通过 index 跟踪就没有用了。我尝试通过item.id 进行跟踪,但似乎也并非如此。我读到了filter:,但我并没有真正了解如何使用它。我是在它之后添加类或函数还是使用模型名称?有没有人有一些例子或知道我做错了什么?

【问题讨论】:

  • 基本上是要获取行索引?
  • 检查下面的答案,看看这是否是您所需要的。

标签: angularjs pagination


【解决方案1】:

我认为您正在寻找分页表的行索引。如果是这样,您可以使用以下代码:

$scope.rowIndex=(currentPage-1)*pageSize +$index+1;

currentPage 是您现在所在的页面,pageSize 是编号。每页的项目数,$index 是该页的行的索引值。

【讨论】:

  • 这就是我想要的!我错过了计算的开始,这就是为什么我无法获得正确的索引。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-01
  • 2022-12-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多