【问题标题】:Angular - pagination without user inputAngular - 无需用户输入的分页
【发布时间】:2016-01-03 19:05:06
【问题描述】:

抱歉,标题措辞令人毛骨悚然。

背景

我有一个 Angular 应用程序,用作静态显示。没有用户交互,所以大多数都是基于超时。页面已加载,基于 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

【问题讨论】:

    标签: javascript jquery angularjs pagination


    【解决方案1】:

    如果你升级到 AngularJS v1.4.0 或更高版本,你可以使用limitTo 过滤器来获得你想要的行为。

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

    您可以随意操纵entryLimitcurrentPage$timeout 来调整页码和页面大小。

    AngularJS v1.4.0 limitTo filter doc

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-08-18
      • 2018-06-25
      • 2016-05-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-22
      相关资源
      最近更新 更多