ng-class-oddDiretiva AngularJS
Exemplo
Defina class="striped" para todas as outras linhas da tabela (ímpares):
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Definição e uso
A ng-class-odddiretiva vincula dinamicamente uma ou mais classes CSS a um elemento HTML, mas terá efeito apenas em todas as outras aparências (ímpares) do elemento HTML.
A ng-class-odddiretiva só funcionará se for usada em conjunto com a ng-repeatdiretiva.
A ng-class-odddiretiva é perfeita para estilizar itens em uma lista ou linhas em uma tabela, mas pode ser usada em qualquer elemento HTML.
Sintaxe
<element ng-class-odd="expression"></element>
Suportado por todos os elementos HTML.
Valores de parâmetro
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |