Angular - 没有用户输入的分页

时间:2016-01-03 19:05:06

标签: javascript jquery angularjs pagination

道歉,标题是措辞严厉。

背景

我有一个角度应用程序,我用它作为静态显示。没有用户交互,因此大多数都基于超时。在基于X元素的X时间量之后,页面被加载,页面重新加载。

问题

我想在时间显示/隐藏部分内容。例如,一百个结果,我显示10,等待十秒,然后显示下一个十。同样,没有用户输入。

我在排序元素和隐藏/显示时遇到问题。根据我的理解,我认为最好使用一个类似于按钮分页的过滤器,但是如何自动触发呢?

我使用JavaScript函数来处理淡出和窗口重置,但我迷路了。 我需要像...这样的东西。

<div ng-repeat="item in filtered = items | filter:search | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit"> -->

解决方案

limitTo和startFrom指令工作正常,在我的控制器中,我使用角度服务和迭代的“页面”设置$ interval ..

startFrom:currentFlowerPage*flowerPageSize | limitTo: flowerPageSize

1 个答案:

答案 0 :(得分:1)

如果您升级到AngularJS v1.4.0或更高版本,则可以使用limitTo过滤器来获取所需的行为。

<li class="visible" ng-repeat="x in items | limitTo:entryLimit:entryLimit*currentPage">

您可以随意使用entryLimit操纵currentPage$timeout来使用页码和页面大小。

AngularJS v1.4.0 limitTo filter doc