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 | 返回一個或多個類名的表示式。 |
