限制AngularJS1中ng-重复的范围

Question

假设我将使用ng-repeat，输出将是：

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

数字1到10将通过PHP从JSON获取，从MySQL数据库(，REST )获取。现在，假设我只需要从1到5的数字--在AngularJS1中有某种方式吗?通过使用ng-repeat，我可以只输出从1到5的数字，但是不需要操纵PHP和MySQL代码？

假设现在我有一个带有数字的JSON；1到31，并且我想通过表达式显示从8到14的数字。是否可以在一个ng-repeat指令中使用两个ng-repeat过滤器，从而限制{表达式}从 - 到某些范围的数据的输出？

Answer 1

您应该添加限制:5到ng-重复。

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

如果你想再重复一遍

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

这是语法

{{ object | limitTo : limit : begin }}

限制:一个数字，指定要返回多少个元素 开始:可选。指定从何处开始限制的数字。缺省值为0

Answer 2

使用直截了当的limitTo过滤器，就像角本身提供的那样：

例：

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