Angularjs對db數據的分頁

Question

我會創建一個使用$ http調用獲取的數據的分頁。 所以我會做這樣的事情：

<ul class="pagination"> 
<li ng-repeat="xxxxxx"><a href="/detail.php?PAGE={{n}}">{{n}}</a></li> 
</ul> 

我所投入NG重複顯示從1到記錄的所有網頁{{總頁數}}？

Answer 1

你需要有一個項目的總數量和頁面大小，然後，在角：

var items = //your factory/service results 
var num = items.length; 
var pageSize = 10; 
$scope.pages = ((num/10)+1).toFixed(0); 

$scope.range = function(min, max, step){ 
    step = step || 1; 
    var input = []; 
    for (var i = min; i <= max; i += step) input.push(i); 
    return input; 
}; 

而在HTML：

<ul class="pagination"> 
    <li ng-repeat="n in range(1, pages)"><a ng-href="/detail.php?PAGE={{n}}">{{n}}</a></li> 
</ul> 

編輯：用的jsfiddle更新http://jsfiddle.net/s9kfwgbr/