javascript - 如何使用 Angular 获取当前页面上分页检索的记录总数？

Question

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

这是我的 html 分页代码:

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

这是我的 Controller 逻辑:

                          $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);
                      });

Answer 1

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

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