AngularJS:在下一页显示内容

时间:2013-05-06 06:43:02

标签: angularjs angularjs-ng-repeat

我的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&amp;下一页11-15。

是否有任何类型的过滤器以angularJS或任何其他方式进行操作?

2 个答案:

答案 0 :(得分:1)

尝试基于bootstrap的angularjs ui指令

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

答案 1 :(得分:1)

您可以使用自定义“来自”过滤器:

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

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