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>

Определение и использование

Директива ng-class-oddдинамически привязывает один или несколько классов CSS к элементу HTML, но будет действовать только для любого другого (нечетного) появления элемента HTML.

Директива ng-class-oddбудет работать только в том случае, если она используется вместе с ng-repeatдирективой.

Директива ng-class-oddидеально подходит для стилизации элементов в списке или строк в таблице, но ее можно использовать для любого элемента HTML.


Синтаксис

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

Поддерживается всеми элементами HTML.


Значения параметров

Value Description
expression An expression that returns one or more class names.