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 元素。
语法
<元素 ng-class-odd="表达式"></元素>
所有 HTML 元素都支持。
参数值
值 | 描述 |
---|---|
表达式 | 返回一个或多个类名的表达式。 |