AngularJS ng-class-odd na inutyo

Pangangailangan at Paggamit

ng-class-odd Ang inutyo ay kinakabit sa isang o ilang klase ng CSS sa HTML na elemento, ngunit gumagana lamang kapag ang HTML na elemento ay dumadating sa bawat ikalawang (panghuli) paglapit.

ng-class-odd Mga inutyo lamang ay gumagana sa paghahalo sa ng-repeat 指令一起使用时才有效。

ng-class-odd 指令非常适合为列表中的项目或表格中的行设置样式,但它可以用于任何 HTML 元素。

实例

为每隔一行(奇数行)的表格行设置 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>

亲自试一试

语法

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

所有 HTML 元素都支持。

参数

参数 描述
expression 返回一个或多个类名的表达式。