Angularjs 分页的数据库数据

Question

我会创建$http调用的数据分页。所以我会做这样的事情：

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

我必须在 ng-repeat 中放入什么以显示从 1 到 {{totalPage}} 的所有记录页？

Answer 1

您需要在 Angular 中拥有项目总数和页面大小：

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/更新