2017-04-11 73 views
1

比方说,我会用ng-repeat和输出将是:限制NG重复的范围AngularJS1

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

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

假设我现在有一个带数字的JSON;为1〜31,并且我想通过表达显示,从8至14的数字是否有可能在一个ng-repeat指令不知何故UST 2个limitTo过滤器,这可能限制{{表达}} 的输出从-TO某些范围的数据?

回答

2

你应该增加limitTo:5到NG-重复。

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

如果你想重复一次

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

这里是语法

{{ object | limitTo : limit : begin }} 

限制:一个数字,指定有多少元素返回

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

0

使用简单limitTo过滤器,如原生角提供:

例如:

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