Angular JS ng-classe-impair dans les ng-répétitions
Je suis en train de développer un très générique tableau outputter - pas de numéro de série de lignes ou de colonnes. En tant que tel, j'ai imbriqué ng-repeat attributs, en tant que tel:
<table>
<tr ng-repeat="row in rowList">
<td ng-repeat="col in colList">{{printCell(row,col)}}</td>
</tr>
</table>
C'est vraiment génial de travailler! Jusqu'à ce que j'essaie d'utiliser ng-class-even
et ng-class-odd
de changer la couleur de fond des lignes en conséquence.
Si je mets de la ng-class-***
déclarations sur la td
tag, je reçois une alternance de colonne de couleurs.
Si je mets de la ng-class-***
déclarations sur la tr
tag, je n'ai pas tout classe d'affectation - ils tous rester par défaut.
Je veux de la ligne alternant les couleurs. Comment dois-je faire?
EDIT:
S'il vous plaît supprimer, quelqu'un? Il s'avère que le problème était que mon css classes étaient en précisant que la classe ont été mis sur une balise td.
OriginalL'auteur Wolfman Joe | 2013-09-10
Vous devez vous connecter pour publier un commentaire.
La valeur de
ng-class-odd
etng-class-even
peut être une chaîne de caractères:ng-class-odd="'myClass'"
ou une expressionng-class-odd="{myClass: boolExpression}"
Aussi:
Angulaire 1.2+:
ng-class="{even: $even, odd: $odd}"
Angulaire < 1.2
ng-class="{even: !($index%2), odd: ($index%2)}"
Exemples: http://jsfiddle.net/TheSharpieOne/JYn7S/1/
ng-class
au lieu deng-class-even
etng-class-odd
. Cependant, dans cette situation, le problème n'était pas dans le angularjs, mais dans le css que j'avais spécifié les cours de td.même et td.bizarre, alors qu'ils n'étaient pas apparaître sur la balise tr.OriginalL'auteur TheSharpieOne