Angularjs中的分页

时间:2014-03-10 07:10:23

标签: javascript angularjs pagination firebase angular-ui-bootstrap

我目前正在尝试为Angularjs的初学者构建一个简单的CRUD应用程序。 我正在使用Angularjs + Firebase + Bootstrap。

  

这是--- plnkr ---为此。

我只是想添加一个新功能就是简单的分页。 我想

$filter('filter')(array, expression, comparator)

可能有所帮助,但我不知道如何。

任何人都可以帮助我!!!!?

1 个答案:

答案 0 :(得分:0)

Angular提供了适合分页的过滤器:startFrom和limitTo。这个JSFiddle是一个很好的基础示例,说明它是如何工作的。关键是在您的范围内包含页面索引和页面大小。然后,您可以通过增加/减少页面索引来更改您正在查看的页面。

您可以看到它如何与这段HTML一起使用

<li ng-repeat="item in data | startFrom:currentPage*pageSize | limitTo:pageSize">
    {{item}}
</li>