Инструкции AngularJS ng-class-odd

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

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

ng-class-odd Инструкции работают только если они связаны с ng-repeat эффективны только при совместном использовании.

ng-class-odd Инструкции非常适合 устанавливать стили для элементов списка или строк таблицы, но они могут быть использованы для любого элемента HTML.

Пример

Установите класс "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 поддерживают.

Параметры