Instrução AngularJS ng-class-even

Definição e uso

ng-class-even A instrução dinamicamente atribui uma ou mais classes CSS ao elemento HTML, mas funciona apenas na ocorrência par (ímpar) do elemento HTML.

ng-class-even A instrução é válida apenas quando associada ng-repeat é válido apenas quando usado juntamente com.

ng-class-even As diretivas são muito adequadas para definir estilos para itens de lista ou linhas de tabela, mas podem ser usadas em qualquer elemento HTML.

Exemplo

Defina a classe "striped" para cada linha de tabela ímpar (linha par):

<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-even="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

Experimente pessoalmente

Sintaxe

<elemento ng-class-even="expressão</elemento>

Todos os elementos HTML suportam.

Parâmetros