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

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

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

ng-class-even Инструкции действуют только при ng-repeat действует только при совместном использовании.

ng-class-even Инструкции очень полезны для настройки стилей для элементов списка или строк таблицы, но они могут быть использованы для любого элемента HTML.

Пример

Установите класс "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>

Попробуйте сами

Синтаксис

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

Все элементы HTML поддерживают.

Параметры

Параметры Описание
expression Выражение, возвращающее один или несколько классов.