Angular JS - ng-repeat and loop conditions

问题

Hey i have this piece of code:

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

It works but i would like to put extra conditions inside the loop something like:

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

How can i achieve this?

回答1:

Use ng-if (or ng-show):

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

Attached to the element, this will decide whether to display it or not.

Documentation for ng-if can be found here.

However, if you want to only do something if you are looping the first or last item, you can use $first and $last properties of ng-repeat as well. These are documented with ng-repeat. And can be used like this:

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

回答2:

Use the ng-if statement

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

来源：https://stackoverflow.com/questions/21351988/angular-js-ng-repeat-and-loop-conditions