AngularJS :在下一页显示内容

Question

我在我的html页面中有以下结构：

<ul data-ng-controller="ListCtrl">
   <li data-ng-repeat="record in records">
      <div>.............</div>
   </li>
</ul>

我总共有15条记录显示在同一页上。

我需要像1-5，6-10，11-15这样划分这些页面，所以如果我添加limitTo: 5，那么它只显示前5条记录。我需要看到其余的记录也像6-10和11-15在下一页。

在angularJS中是否有任何类型的过滤器或任何其他方式来实现它？

Answer 1

您可以使用自定义的"from“过滤器：

app.filter('from', function() {
    return function(data, from) {
        return data.slice(parseInt(from));
    }
});

es: data-ng-repeat=“记录中的记录|来自:5| limitTo: 5”

Answer 2

尝试基于bootstrap的angularjs ui指令

http://angular-ui.github.io/bootstrap/