## ng-class >属性中可以写表达式

~~~
<style>
.red{
background: red;
}
.green{
background: green;
}
</style>
~~~
~~~
<body ng-app="model">
<div ng-controller="a">
<table border="1" align="center">
<tr>
<td>ID</td>
<td>用户名</td>
<td>年龄</td>
</tr>
<tr ng-repeat="v in data" ng-class="{red:v.status==0}">
<td>{{v.id}}</td>
<td>{{v.username}}</td>
<td>{{v.age}}</td>
</tr>
</table>
</div>
</body>
~~~
~~~
<script>
var a = angular.module('model', []);
a.controller('a', ['$scope', function ($scope) {
$scope.data = [
{id:1,username:'iooni',age:22,status:1},
{id:2,username:'iyyan',age:32,status:0},
{id:3,username:'ccczc',age:11,status:1}
];
}])
</script>
~~~
## ng-class-even偶数行
## ng-class-odd基数行

~~~
<table border="1" align="center">
<tr>
<td>ID</td>
<td>用户名</td>
<td>年龄</td>
</tr>
<tr ng-repeat="v in data" ng-class-even="{red:true}" ng-class-odd="{green:true}">
<td>{{v.id}}</td>
<td>{{v.username}}</td>
<td>{{v.age}}</td>
</tr>
</table>
~~~
- 9(控制单选框,关闭网站并提示)
- 10(复选框checkbox用法)
- 11(选择框select的使用)
- 12(函数使用:大小写转换深度拷贝)
- 15(数据类型判断函数、数据比较)
- 16
- 20(表单的全选和反选)
- 21(设置数据同步时间提高网站性能)
- 22(ng-class动态改变样式)
- 23(ng-style样式表)
- 24(事件处理指令)
- 34(过滤器:currency货币格式化)
- 35(过滤器:转换大小写)
- 36(过滤器:截取字符串指定长度)
- 37(过滤器:处理时间)
- 38(过滤器:数据排序和筛选)
- 39(过滤器:控制器中使用过滤器)
- 40(表格升降序排列:$filter服务)
- 41(表格升降序排列:$scope)
- 42($scope.$watch监听数据变化)
- 43($scope.$watch筛选数据实例)
- 44(自定义过滤器:手机号显示加*)
- 46(自定义指令:directive的restrict)
- 47(自定义指令的命名规范)
- 48(自定义指令template函数操作实例)
- 49(自定义指令replace属性讲解)
- 50(自定义指令transclude与templateUrl属性详解)
- 51(controller控制器scope父子集作用域)
- 33(过滤器:限制文本长度)
- 获取根域名
- Angular所有指令
- Angular基础
- 1(jQuery和angular的区别)
- 2(模块、控制器、视图模型、双向数据绑定模型、双向数据绑定)
- 3(MVVM双向数据绑定图例).md
- 4(声明模块与控制器规范与依赖注入分析)
- 5(简单、优化商品价格自动调整)
- 6(防止页面加载时出现花括号)
- 7(model在表单中双向绑定实例分析讲解)
- 8(ng-value的使用实例讲解)