【发布时间】: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