2015-06-17 2 views
0

Я бы создал разбиение на страницы данных, полученных с помощью вызова $ http. Так что я бы сделать что-то вроде этого:Anglejs pagination of db data

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

То, что я положить в нг-повтора, чтобы показать все страницы записи от 1 до {{totalPage}}?

ответ

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> 

EDIT: Обновлено с jsfiddle http://jsfiddle.net/s9kfwgbr/