javascript - Angular JS - ng-repeat 和循环条件

Question

嘿，我有这段代码:

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

它有效，但我想在循环中添加额外的条件，例如:

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

我怎样才能实现这个目标？

Answer 1

使用ng-if(或ng-show):

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

附加到元素上，这将决定是否显示它。

ng-if can be found here 的文档.

但是，如果您只想在循环第一个或最后一个项目时执行某些操作，则可以使用 ng 的 $first 和 $last 属性-同样重复。这些是documented with ng-repeat 。可以像这样使用:

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