## 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的使用实例讲解）