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>
 
好文要頂  關注我  收藏該文   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM