如何做分页AngularJS

Question

如何做分页AngularJS

Answer 1

app.controller('BusinessCtrl', ['$scope', '$rootScope', 'BusinessService', function ($scope, $rootScope, BusinessService) {$rootScope.title = '流水列表';$scope.currentPage = 1;$scope.totalPage = 1;$scope.pageSize = 40;$scope.pages = [];$scope.endPage = 1;//获取总流水BusinessService.total().success(function (data) {$scope.total = data;});$scope.load = function () {BusinessService.list($scope.currentPage, $scope.pageSize).success(function (data) {$scope.items = data.list;//获取总页数$scope.totalPage = Math.ceil(data.count / $scope.pageSize);$scope.endPage = $scope.totalPage;//生成数字链接if ($scope.currentPage > 1 && $scope.currentPage < $scope.totalPage) {$scope.pages = [$scope.currentPage - 1,$scope.currentPage,$scope.currentPage + 1];} else if ($scope.currentPage == 1 && $scope.totalPage > 1) {$scope.pages = [$scope.currentPage,$scope.currentPage + 1];} else if ($scope.currentPage == $scope.totalPage && $scope.totalPage > 1) {$scope.pages = [$scope.currentPage - 1,$scope.currentPage];}});};$scope.next = function () {if ($scope.currentPage < $scope.totalPage) {$scope.currentPage++;$scope.load();}};$scope.prev = function () {if ($scope.currentPage > 1) {$scope.currentPage--;$scope.load();}};$scope.loadPage = function (page) {$scope.currentPage = page;$scope.load();};}]);

Answer 2

用pagination。<divpagination total-items="totalItems" page="currentPage" first-text="首页"last-text="尾页" ng-model="currentPage" items-per-page="{{pagesize}}" previous-text="上一页"next-text='下一页' max-size="maxSize" ng-change="pageChanged()" class="pagination-sm"boundary-links="true"></div>在控制器里定义totalItems、currentPage、pagesize、maxSize和pageChanged()事件。