AngularJs ng-class 使用

浏览数：20 / 时间：2015年06月09日

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

解决方案

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

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src java 使用 com log html class style 代码 src java 使用 com log html

相关文章

随机文章

您可能还喜欢

您可能还喜欢