Question

我在JSFiddle上有一个有用的应用程序。

$scope.pageSize = 5;

我想要的是，当我更改div的高度时，如何根据新高度进行分页（计算新的$ scope.pageSize值）。

例如：height = 140px，pageSize = 5; 如果height = 200px，pageSize应该是另一个数字。（如何计算这个数字？）

Answer 1

JSFiddle link

将变量pageSize更改为函数

var myApp = angular.module("myApp", []);
myApp.controller("dataCtrl", function($scope) {
  $scope.data = [];
  for (var i = 1; i <= 20; i++) {
    $scope.data.push("Item " + i);
  }
  $scope.currentPage = 0;
  $scope.pageSize = function(){
    /*edit here*/
    var pagesize = $scope.divHeight / 28;
    if(pagesize < 5) pagesize = 5;
    return pagesize;
  }
  $scope.divHeight = 140;
  $scope.numberOfPages = function() {
    return Math.ceil($scope.data.length / $scope.pageSize());
  }
});

现在应该因divHeight更改而改变。

如何自动分页取决于angularjs中的容器高度

1 个答案: