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-repeat结合ng-class实现各行换色：

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}}