Angular : Les propriétés spéciales dans un ngRepeat

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

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *