Instrução AngularJS ng-class-odd

Definição e uso

ng-class-odd A instrução dinamicamente liga uma ou mais classes CSS ao elemento HTML, mas apenas quando o elemento HTML aparece a cada vez (ímpar) que é invocado.

ng-class-odd A instrução só é válida quando usada com ng-repeat é válido apenas quando usado em conjunto com outras diretivas.

ng-class-odd 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 ímpar da tabela:

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

Experimente você mesmo

Sintaxe

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

Todos os elementos HTML suportam.

Parâmetros