2017-04-11 70 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>