AngularJS ng-class-even 指令

定义和用法

ng-class-even 指令动态地将一个或多个 CSS 类绑定到 HTML 元素，但仅在 HTML 元素的每隔一次（偶数）出现时才生效。

ng-class-even 指令只有在与 ng-repeat 指令一起使用时才有效。

ng-class-even 指令非常适合为列表中的项目或表格中的行设置样式，但它可以用于任何 HTML 元素。

实例

为每隔一行（偶数行）的表格行设置 class="striped"：

<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-even="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

亲自试一试

语法

<element ng-class-even="expression"></element>

所有 HTML 元素都支持。

参数