web-dev-qa-db-fra.com

Angular JS - ng-repeat et conditions de boucle

Hé j'ai ce morceau de code:

<div ng-repeat="i in values">
{{i}}
</div>

Cela fonctionne mais je voudrais mettre des conditions supplémentaires à l'intérieur de la boucle quelque chose comme:

<div ng-repeat="i in values">
{{i}}
if(i !== 0){
<div></div>
}
</div>

Comment puis-je atteindre cet objectif?

20
itsme

Utilisation ng-if (ou ng-show):

<div ng-repeat="i in values">
   <div ng-if="i !== 0"></div>
</div>

Attaché à l'élément, cela décidera de l'afficher ou non.

Documentation pour ng-if peut être trouvé ici .

Cependant, si vous ne voulez faire quelque chose que si vous bouclez le premier ou le dernier élément, vous pouvez utiliser $first et $last propriétés de ng-repeat ainsi que. Ce sont documenté avec ng-repeat . Et peut être utilisé comme ceci:

<div ng-repeat="i in values">
   <div ng-if="$first"></div>
</div>
52
Davin Tryon

Utilisez le ng-ifinstruction

<div ng-repeat="i in values">
   {{i}}
   <div ng-if="i !== 0"></div>
</div>
9
StarsSky