首页 > 代码库 > AngularJs ng-class 使用
AngularJs ng-class 使用
今天在做项目的时候要对表格内的部分的最大最小值高亮
解决方案
1. 引用 ng-class
2. 引用原型求最大最小值
实例
AngularJs HTML 代码
1 <table class="ui table celled"> 2 <thead> 3 <tr> 4 <th>标题1</th> 5 <th>标题2</th> 6 <th>标题3</th> 7 <th>标题4</th> 8 </tr> 9 </thead>10 <tbody>11 <tr ng-repeat="(index, item) in items">12 <td>{{item.list1}}</td>13 <td>{{item.list2}}</td>14 <td ng-class="{max:index==1||index==2||index==3}">{{item.list3}}</td>15 <td ng-class="{max:index==1||index==2||index==3}">{{item.list4}}</td>16 </tr>17 </tbody>18 </table>
Javascript 代码
1 //求数组的最大，最小值方法2 Array.prototype.max = function(){3 return Math.max.apply({},this)4 };5 Array.prototype.min = function(){6 return Math.min.apply({},this)7 };
AngularJs ng-class 使用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。