AngularJS ng-class-odd
指令
示例
为其他(奇数)表格行设置 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>
自己动手试一试 »
定义和用法
ng-class-odd
指令动态地将一个或多个 CSS 类绑定到 HTML 元素,但仅在 HTML 元素出现奇数次时生效。
ng-class-odd
指令只有与 ng-repeat
指令一起使用时才有效。
ng-class-odd
指令非常适合为列表中的项目或表格中的行设置样式,但它可以用于任何 HTML 元素。
语法
<element ng-class-odd="expression"></element>
所有 HTML 元素均支持。
参数值
值 | 描述 |
---|---|
expression | 返回一个或多个类名的表达式。 |