ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## ng-class >属性中可以写表达式 ![](https://box.kancloud.cn/0ef53e4f2170b4a84e02eb45032f63aa_540x276.png) ~~~ <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基数行 ![](https://box.kancloud.cn/0ef53e4f2170b4a84e02eb45032f63aa_540x276.png) ~~~ <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> ~~~