#ng-class和ng-style<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scripttype="text/javascript"src='js/angular.min.js'></script><styletype="text/css">.ng-cloak{display:none;}.red{background:red;}.yellow{background:yellow;}</style></head><bodyng-app="hd"ng-cloakclass="ng-cloak"><divng-controller="ctrl"><table><tr><td><inputtype="checkbox"ng-checked="status"ng-model="status"/>`status`</td><td>{{status?"取消":"全选"}}</td></tr><trng-repeat="vindata"><td><inputtype="checkbox"ng-checked="status"/>`status`</td><!--ng-class样式根据数据动态变化--><!--ng-style自定义样式--><td><divng-class="status?'red':'yellow'"ng->`v`</div></td></tr></table>文字大小:<inputtype="text"ng-model="size"/></div><scripttype="text/javascript">varm=angular.module('hd',[])m.controller('ctrl',['$scope',function($scope){$scope.status=true$scope.data=['game','coding','card']}])</script></body></html>