web-dev-qa-db-ja.com

Angular JS-ng-repeatおよびループ条件

ちょっと私はこのコードを持っています：

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

それは動作しますが、ループ内に次のような追加の条件を追加したいと思います：

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

どうすればこれを達成できますか？

javascriptangularjsloopsfor-loopconditional-statements
20
itsme

つかいます ng-if（またはng-show）：

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

要素に添付され、これはそれを表示するかどうかを決定します。

ng-ifはここにあります のドキュメント。

ただし、最初または最後のアイテムをループしているときにのみ何かをしたい場合は、$firstおよび$last の特性 ng-repeat 同様に。これらは ng-repeatで文書化 です。そして、次のように使用できます：

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

使用 ng-ifステートメント

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