AngularJS ng-class-even 指令
AngularJS 實例
為表格的偶數行設置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 >
< tr ng-repeat= "x in records" ng-class-even= "'striped'" >
< td > {{x.Name}} < /td >
< td > {{x.Country}} < /td >
< /tr >
< /table >
嘗試一下»
定義和用法
ng-class-even指令用於為HTML元素動態的綁定一個或多個CSS類，但只作用於偶數行。
ng-class-even指令需要與ng-repeat指令搭配使用。
ng-class-even指令建議用在表格的樣式渲染中，但是所有HTML元素都是支持的。
語法
< element ng-class-even= " expression " > < / element >
所有HTML 元素都支持。
參數值
| 值 | 描述 |
|---|---|
| expression | 表達指定一個或多個CSS 類。 |