繁体   English   中英

如何获取使用angular在当前页面上分页检索的记录总数?

[英]how to get total number of records retrieved with pagination on the current page using angular?

在我的代码中,我目前每页显示2条记录,它们总共显示10页数据,我希望它在标题中显示这样的总计项目:1-2 of 10表示记录数1,2,共10条记录,当我单击下一步按钮时,它应该向我显示另一条记录,例如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);
                      });

只需在dom中进行以下计算即可:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM