如何自動分頁取決於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變化而變化。