javascript - Angularjs 中的分页

标签 javascript angularjs pagination firebase angular-ui-bootstrap

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

Here is the ---plnkr--- for that.

我只是想添加一个新功能,即简单的分页。 我认为

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

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

谁能帮帮我吗!!!?

最佳答案

Angular 提供了非常适合分页的过滤器:startFrom 和 limitTo。这个JSFiddle这是一个很好的基本例子,说明了它是如何工作的。关键是在你的范围内有一个页面索引和页面大小。然后,您只需增加/减少页面索引即可更改您正在查看的页面。

您可以看到它如何与这段 HTML 配合使用

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

关于javascript - Angularjs 中的分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22294062/

相关文章:

javascript - 如何在 angularjs 中使用 input[type=file] 验证表单

jQuery DataTables 自定义分页 (|<<<< >>>>|)

android - 为什么我的 PagingSource 没有给我任何数据?

php - 如何在分页系统 PHP/MySQL 中限制页面?

javascript - 如何获取 HTML 元素的背景颜色?

javascript - 连接多个对象的第一个字段

javascript - angularjs 指令不起作用(奇怪的问题)

javascript - 通过ajax检索文档后添加日期选择器

javascript - 如何将 Android/iOS 应用程序与 Cordova 混合应用程序连接

java - 使用 Java 或 Javascript 对社交网站进行图像处理