ng-class-evenDiretiva AngularJS
Exemplo
Defina class="striped" para todas as outras linhas da tabela (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>
Definição e uso
A ng-class-evendiretiva vincula dinamicamente uma ou mais classes CSS a um elemento HTML, mas terá efeito apenas em todas as outras (mesmo) aparências do elemento HTML.
A ng-class-evendiretiva só funcionará se for usada em conjunto com a ng-repeatdiretiva.
A ng-class-evendiretiva é perfeita para estilizar itens em uma lista ou linhas em uma tabela, mas pode ser usada em qualquer elemento HTML.
Sintaxe
<element ng-class-even="expression"></element>
Suportado por todos os elementos HTML.
Valores de parâmetro
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |