限制AngularJS1中ng-repeat的范围

Question

假设我会使用ng-repeat，输出结果为：

   `1
    2
    3
    4
    5
    6
    7
    8
    9
    10`

数字1到10将由PHP从JSON中提取，来自MySQL数据库（XAMPP - 虚拟服务器，REST API）。现在，假设我只需要1到5之间的数字 - 在AngularJS1中是否有某种方式，通过使用ng-repeat我可以从1到5输出仅数字，但是没有用PHP和MySQL代码操作？

让我们说现在我有一个带数字的JSON; 1到31，我希望通过表达式显示8到14之间的数字。是否有可能在一个limitTo指令中以某种方式使用两个ng-repeat过滤器，这可能会限制{{表达式的输出} FROM - TO 某些数据范围？

Answer 1

你应该将limitTo：5添加到ng-repeat。

ng-repeat="item in items | limitTo:5"

如果你想再次重复

ng-repeat="item in items | limitTo:5:5"

这是语法

{{ object | limitTo : limit : begin }}

  

limit：一个数字，指定要返回的元素数量

     

开始：可选。一个数字，指定从何处开始限制。   默认值为0

Answer 2

使用直截了当的limitTo过滤器，由Angular本身提供：

例如：

<ul class="list">
  <li ng-repeat="item in list| filter:query | orderBy:orderProp | limitTo:quantity">
    {{item.name}}
  </li>
</ul>