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

Question

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

$scope.pageSize = 5;

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

例如:height = 140px，pageSize = 5； 高度 = 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 的变化而改变。