轉載出處：http://www.cnblogs.com/liulangmao/p/3716522.html
每個迭代項中還有以下三個變量:
$first: 判斷是否是迭代第一項,如果是,得到true,如果不是,得到false
$middle: 判斷是否迭代中間項(既不是第一項也不是最後一項的都是中間項),如果是,得到true,如果不是,得到false
$last: 判斷是否是迭代最後項,如果是,得到true,如果不是,得到false
然後繼續剛纔的實例,要求第一名的名字顏色顯示粉紅色,最後一名的名字顏色顯示灰色,其餘中間排名的都顯示紫色:
<!DOCTYPE html> <html ng-app> <head> <title>4.3.迭代</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="script.js"></script> <style type="text/css"> .name a.truefirst { color:#FBCDCD } .name a.truelast { color:#ccc } .name a.truemiddle { color:blueviolet } </style> </head> <body> <div ng-controller="StudentList"> <ul> <li ng-repeat="student in students"> <span class="index">{{$index+1}}</span> <span class="name"><a href="/student/view/{{student.id}}" class="{{$first}}first {{$last}}last {{$middle}}middle">{{student.name}}</a></span> <span class="score">{{student.score}}</span> </li> </ul> <button ng-click="insertDog()">添加</button> <button ng-click="delLast()">刪除</button> </div> </body> </html>
給每一個名字的a鏈接都添加三個類名,如果是第一項,則得到truefirst類名,如果是中間項,則得到truemiddle類名,如果是最後項,則得到truelast類名
點擊兩次添加以後:
