zoukankan      html  css  js  c++  java
  • 前端分页 思路

    $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]);
    }
    }
    };
  • 相关阅读:
    Mac + Python3 安装scrapy
    Pyqt4+Eric6+python2.7.13(windows)
    js基础⑥
    python模块之os,sys
    Python模块之random
    Python模块之PIL
    js基础⑤
    js基础④
    js基础③
    centOS目录结构详细版
  • 原文地址:https://www.cnblogs.com/liuhongjin/p/6265474.html
Copyright © 2011-2022 走看看