AngularJS ng-class-odd 指令

定義和用法

ng-class-odd 指令動態地將一個或多個 CSS 類綁定到 HTML 元素，但僅在 HTML 元素的每隔一次（奇數）出現時才生效。

ng-class-odd 指令只有在與 ng-repeat 指令一起使用時才有效。

ng-class-odd 指令非常適合為列表中的項目或表格中的行設置樣式，但它可以用于任何 HTML 元素。

實例

為每隔一行（奇數行）的表格行設置 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>

親自試一試

語法

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

所有 HTML 元素都支持。

參數