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