AngularJS ng-class-odd 指令

AngularJS 參考手冊 AngularJS 參考手冊

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>

嘗試一下 ?

定義和用法

ng-class-odd 指令用于為 HTML 元素動態(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 參考手冊 AngularJS 參考手冊