Dans une boucle ngRepeat, chaque item à son propre scope. Les propriétés spéciales suivantes sont ajoutées dans le scope de ces derniers :
- $index : la position de l’item (commence à 0)
- $first : indique si c’est le premier élément
- $middle : indique si c’est un élément entre le premier et le dernier
- $last : indique si c’est le dernier élément
- $even : indique si c’est un élément pair
- $odd : indique si c’est un élément impair
On peut ainsi binder sur ces propriétés pour facilement afficher un index, affecter des classes CSS via ngClass …
Dans l’exemple suivant, on affiche l’index de l’élément (oui j’aurai pu utiliser une liste ordonnée 🙂 mais c’est pour la démo …) et on affecte une classe si l’élément est pair et n’est ni le premier ni le dernier.
La documentation officielle de ngRepeat
Tweet