anuglarjs基礎之---ng-repeat用法

Angular - ng-repeat高級用法

 ng-repeat高級用法:

遍歷數組:

<li ng-repeat="item in array">`item`</li>

遍歷對象:
    key:對象的key
    value:對象的value

<li ng-repeat="(key,value) in obj">`key` | `value`</li>


綁定$$haskKey:
    給每個item綁定唯一ID,當數組發生變化時,ID不變!

<li ng-repeat="item in items track by $id(item)"></li>


過濾器:
    對item的每個屬性進行模糊匹配 

<li ng-repeat="item in items |filter: 25"></li>



綁定屬性過濾:
   對item的某個屬性進行模糊匹配

<li ng-repeat="item in items |filter: 25 track by item.age"></li>


保存匹配結果:
    把匹配到的結果另存到results數組變量,可供外部使用

<li ng-repeat="item in items |filter: 25 as results"></li>


    保存針對某個屬性的過濾結果:

<li ng-repeat="item in items |filter: 25 as results track by item.age "></li>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章