前端分页思路

Posted 2020-08-27 坏哥哥

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端分页思路相关的知识，希望对你有一定的参考价值。

$scope.allNum = $scope.listData.length;
$scope.allPage = Math.ceil($scope.allNum / 10);
console.log($scope.listData);

//分页
$scope.defaultPage = 1;
$scope.nowArr = [];
for(var i=0; i<($scope.allNum < 10?$scope.allNum:10);i++){
  $scope.nowArr.push($scope.listData[i]);
}

//下一页
$scope.pageDown = function(){
  $scope.nowArr = [];
  if($scope.defaultPage<$scope.allPage){
    $scope.defaultPage++;
  }
  for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){
    if(i<=$scope.allNum-1){
      $scope.nowArr.push($scope.listData[i]);
    }
  }
};
//上一页
$scope.pageUp = function(){
  $scope.nowArr = [];
  if($scope.defaultPage>1){
    $scope.defaultPage--;
  }
  for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){
    if(i<=$scope.allNum-1){
      $scope.nowArr.push($scope.listData[i]);
    }
  }
};
//go
$scope.pageGo = function(pageNow){
  $scope.nowArr = [];
  if(pageNow>=1&&pageNow<=$scope.allPage){
    $scope.defaultPage = pageNow;
  }
  for(var i=($scope.defaultPage-1)*10;i<($scope.defaultPage*10);i++){
    if(i<=$scope.allNum-1){
      $scope.nowArr.push($scope.listData[i]);
    }
  }
};

以上是关于前端分页思路的主要内容，如果未能解决你的问题，请参考以下文章

前端分页 思路

前端分页思路