AngularJs ng-class 使用

今天在做项目的时候要对表格内的部分的最大最小值高亮

解决方案

1. 引用 ng-class

2. 引用原型求最大最小值

实例

AngularJs HTML 代码

 <table class="ui table celled">
     <thead>
         <tr>
             <th>标题1</th>
             <th>标题2</th>
             <th>标题3</th>
             <th>标题4</th>
         </tr>
     </thead>
     <tbody>
         <tr ng-repeat="(index, item) in items">
             <td>{{item.list1}}</td>
             <td>{{item.list2}}</td>
             <td ng-class="{max:index==1||index==2||index==3}">{{item.list3}}</td>
             <td ng-class="{max:index==1||index==2||index==3}">{{item.list4}}</td>
         </tr>
     </tbody>
 </table>

Javascript 代码

 //求数组的最大，最小值方法
 Array.prototype.max = function(){
     return Math.max.apply({},this)
 };
 Array.prototype.min = function(){
     return Math.min.apply({},this)
 };