我一直试图在AngularJs中实现分页。

Question

下面的代码用于HTML中的分页：

<button ng-disabled="" ng-click="previousPage(limit,offset)">
    Previous
</button>&nbsp;
<button ng-disabled="" ng-click="nextPage(limit,offset)">
    Next
</button>

在控制器文件中：

$scope.previousPage=function(limit,offset){                 
adminservice.getPagination().then(function(response){
 adminservice.showAllVehicleDetails().then(function(){
   $scope.vehicledetails=response.data[0][limit-10][offset+10];
  console.log('limitNumber',limit)
  console.log('offsetNumber',offset)
        });
    });
 }
$scope.nextPage=function(limit,offset){
    adminservice.getPagination().then(function(response){
        adminservice.showAllVehicleDetails().then(function(){
                $scope.vehicledetails=response.data[0][limit+10][offset-10];
                });
        });
    }

在服务文件中：

var getPagination=function(){
 return $http({
        url:apiurl+'paginatedetails',
        method:"GET",
        params:{limitNumber:limit,offsetNumber:offset}
    });
}

有人能告诉我正确的方法吗？当我运行这段代码时，控制台会显示错误，如：limit is not defined at Object.getPagination。

Answer 1

在控制器文件中，您必须通过限制，偏移量到adminservice.getPagination(limit,offset)

$scope.previousPage=function(limit,offset){                 
adminservice.getPagination(limit,offset).then(function(response){
 adminservice.showAllVehicleDetails().then(function(){
   $scope.vehicledetails=response.data[0][limit-10][offset+10];
  console.log('limitNumber',limit)
  console.log('offsetNumber',offset)
        });
    });
 }
$scope.nextPage=function(limit,offset){
    adminservice.getPagination(limit,offset).then(function(response){
        adminservice.showAllVehicleDetails().then(function(){
                $scope.vehicledetails=response.data[0][limit+10][offset-10];
                });
        });
    }

在服务文件中，您还必须像这样编写

var getPagination=function(limit,offset){
 return $http({
        url:apiurl+'paginatedetails',
        method:"GET",
        params:{limitNumber:limit,offsetNumber:offset}
    });
}

我觉得这个很好。

Answer 2

我认为您必须在每个limit调用时将offset和click传递回服务：

var getPagination=function(limit, offset){
 return $http({
        url:apiurl+'paginatedetails',
        method:"GET",
        params:{limitNumber:limit,offsetNumber:offset}
    });
}

现在，在click函数中传递参数：

adminservice.getPagination(limit, offset)....