2017-06-23 50 views
0

下面的代碼是分頁在HTML分頁:我一直在努力實現AngularJs

<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

回答

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

我覺得這項工作很好。

+1

感謝@Dixit 新秀錯誤:) –

0

我想你必須通過limitoffset回服務在每個click電話:

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

現在點擊功能傳遞參數:

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