【问题标题】:how to get total number of records retrieved with pagination on the current page using angular?如何使用角度在当前页面上获取通过分页检索的记录总数?
【发布时间】:2015-07-21 19:36:59
【问题描述】:

在我的代码中,目前我每页显示 2 条记录,它们总共有 10 页显示数据,我希望它应该在标题中显示这样的总项目: 1-2 of 10 表示 10 条记录中的第 1,2 条记录,当我单击下一步按钮时,它应该向我显示另一条记录,例如 3-4 of 10 。我不知道如何做到这一点,角度教程中没有提供任何此类内容,请帮助我。

这是我在 html 中的分页代码:

 <pagination page="currentPage" max-size="maxSize" total-items="totalItems"
                            items-per-page="entryLimit" boundary-links="true" rotate="false" style="cursor:pointer">
                        </pagination>

这是我的控制器逻辑:

                          $scope.currentPage = 1;
                          $scope.maxSize = 2;
                          $scope.totalLeadItems = $scope.finalLeadData.dataval;
                          $scope.totalItems = $scope.finalLeadData.dataval.length;
                          $scope.entryLimit = 2; // items per page
                          $scope.noOfPages = Math.ceil($scope.totalItems / $scope.entryLimit);

                         $scope.search = function (item){
                          //console.log(item.LEAD_NM);
                          return !! ((angular.lowercase(item.LEAD_NM).indexOf($scope.search.LEAD || '') !== -1 || angular.lowercase(item.LEAD_MBL).indexOf($scope.search.LEAD || '') !== -1));

                            };


                          //$watch search to update pagination
                          $scope.$watch('search.LEAD', function (newVal) {
                              $scope.filtered = filterFilter($scope.finalLeadData.dataval, newVal);
                              $scope.totalItems = $scope.filtered.length;
                              $scope.noOfPages =  Math.ceil($scope.totalItems / $scope.entryLimit);
                              $scope.currentPage = 1;

                          }, true);
                      });

【问题讨论】:

    标签: javascript angularjs pagination


    【解决方案1】:

    只要在 dom 中做这个计算:

    {{ currentPage * entryLimit - 1 }} - {{ currentPage * entryLimit }} of {{ totalLeadItems.length }}
    

    【讨论】:

    • yuhuuu 你拯救了我的一天,它工作得很好,谢谢哥们:)
    • 很高兴为您提供帮助,请点赞并接受答案:)
    • 我对这个逻辑有一些问题,如果我有奇数个数据,例如:我的项目总数为 123 ,那么它显示我像:123-124 of 123 。这是不对的。请告诉我如何解决这个逻辑问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-12-09
    • 1970-01-01
    • 2018-03-21
    • 1970-01-01
    • 1970-01-01
    • 2020-07-05
    • 1970-01-01
    相关资源
    最近更新 更多