ng-class文檔:https://docs.angularjs.org/api/ng/directive/ngClass
但是在實際項目中可能會用到三目運算,實例如下:
<ul> <li ng-repeat="chat in chats" ng-class="$index==0?'yea':'no'"> {{chat.name}} </li> </ul>
.yea{color:yellowgreen;} .no{color:orangered;}
循環數據時如果是第一條數據也就是索引為0的數據加上yea樣式,否則的話就添加no
經過測試當使用angular.js的版本是1.5.0的時候會實現以上功能,當版本是1.0的時候就會報錯