AngularJS ng-class-odd 指令

AngularJS 實(shí)例

為表格的奇數(shù)行設(shè)置 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>

運(yùn)行代碼 ?

定義和用法

ng-class-odd 指令用于為 HTML 元素動(dòng)態(tài)的綁定一個(gè)或多個(gè) CSS 類，但只作用于奇數(shù)行。

ng-class-odd 指令需要與 ng-repeat 指令搭配使用。

ng-class-odd 指令建議用在表格的樣式渲染中，但是所有HTML元素都是支持的。

語法

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

所有 HTML 元素都支持。

參數(shù)值

值	描述
expression	表達(dá)指定一個(gè)或多個(gè) CSS 類。

AngularJS 參考手冊(cè)

其他擴(kuò)展

上一篇：AngularJS ng-class-even 指令下一篇：AngularJS ng-click 指令