Publier des documents web interactifs (AngularJS)

Afficher le planAfficher le plan

ng-repeat

Fondamentalng-repeat

Cette directive joue le rôle d'un for-each, elle permet de parcourir une collection ou un tableau de données.

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<div ng-repeat="item in myObject">
2
  <span>{{$index}}</span>:<span>{{item.objectAttributNumero1}}</span>
3
</div>
<div ng-repeat="item in myObject">
  <span>{{$index}}</span>:<span>{{item.objectAttributNumero1}}</span>
</div>

  • Le div fait partie du résultat HTML produit pour chaque itération.

  • Il est important de noter que ng-repeat expose des propriétés au $scope local comme :

    • $index : entier qui contient la position de l'item courant

    • $last : boolean qui est vrai si l'item est le dernier....

    • $odd : boolean qui est vrai si la position de l’élément est impaire

    • $middle : boolean qui est vrai si la position de l’élément est différente du premier et du dernier élément

      ....

ComplémentPour savoir plus sur les directives

PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Merouane HARRIGA, 2015 (Contributions : Stéphane Crozat, les étudiants de NF29) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)