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