ng-repeat 指令:
ng-repeat 指令用来遍历一个数组重复创建当前元素;
- {{$index}}:{{item}}
案例二:
- {{$index}}:{{item.name}}的年龄是{{item.age}}
在这个例子中,Models中有:
$id:10
item:Objet
$index:1
$first:false
$last:false
$middle:true
$even:false
$odd:true
例如:$first 和 $last的简单使用:
- {{$first?'开始':''}}{{$index}}:{{item.name}}的年龄是{{item.age}}{{$last?'结束':''}}
ng-class:会根据当前设置对象的属性和属性值决定是否添加特定的类名:
- {{$first?'开始':''}}{{$index}}:{{item.name}}的年龄是{{item.age}}{{$last?'结束':''}}
- {{$first?'开始':''}}{{$index}}:{{item.name}}的年龄是{{item.age}}{{$last?'结束':''}}
ng-class拓展:结合双向数据绑定,实现选择颜色替换背景:
red
orange
yellow
ng-repeat 解决重复项,使用 trak by $index
结合 startsWith()做一个筛选:
- {{item}}
结合双向数据绑定使用:
- {{item}}