zoukankan      html  css  js  c++  java
  • 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
    

    来源:https://www.cnblogs.com/jayruan/p/5699434.html

  • 相关阅读:
    随堂练习
    随堂练习
    第六次安卓作业
    第五次安卓
    第四次安卓
    第二次安卓
    安卓作业
    第十八次上机
    第七周作业
    第六周作业
  • 原文地址:https://www.cnblogs.com/zhangchs/p/9577041.html
Copyright © 2011-2022 走看看