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

Question

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

$scope.pageSize = 5; 

我想要的是，当我更改div的高度，如何做新的高度分页基地（计算新的$ scope.pageSize值）。

例如：with 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变化而变化。