Exemplo
Definir class = "listrado" para todas as outras linhas da tabela (ímpar):
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Tente você mesmo " Definição e Uso
A ng-class-odd
directiva vincula dinamicamente uma ou mais classes CSS para um elemento HTML, mas só terão efeito em todos os outros appearence (ímpar) do elemento HTML.
A ng-class-odd
directiva só vai funcionar se ele for usado em conjunto com o ng-repeat
directiva.
A ng-class-odd
directiva é perfeito para itens de estilo em uma lista ou linhas em uma tabela, mas pode ser usado em qualquer elemento HTML.
Sintaxe
< element ng-class-odd=" expression "></ element >
Suportado por todos os elementos HTML.
Os valores dos parâmetros
Value | Description |
---|---|
expression | An expression that returns one or more class names. |