AngularJS ng-class-odd 指令
最后更新于：2022-03-27 01:38:36
AngularJS ng-class-odd 指令
AngularJS 参考手册AngularJS 实例
为表格的奇数行设置 class=”striped”:
<table ng-controller=“myCtrl”>
<tr ng-repeat=“x in records”
ng-class-odd=“‘striped'”>
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
<tr ng-repeat=“x in records”
ng-class-odd=“‘striped'”>
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
定义和用法
ng-class-odd 指令用于为 HTML 元素动态的绑定一个或多个 CSS 类，但只作用于奇数行。
ng-class-odd 指令需要与 ng-repeat 指令搭配使用。
ng-class-odd 指令建议用在表格的样式渲染中，但是所有HTML元素都是支持的。
语法
<element ng-class-odd=“expression“></element>
所有 HTML 元素都支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 表达指定一个或多个 CSS 类。 |