码迷,mamicode.com
首页 > Web开发 > 详细

AngularJs ng-class 使用

时间:2014-12-24 17:40:08      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

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

解决方案

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>
View Code

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 };
View Code

 

AngularJs ng-class 使用

标签:

原文地址:http://www.cnblogs.com/peterli2013/p/4182647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!