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的文档可以在这里找到.

但是,如果您只想循环第一个或最后一个项目,那么您也可以使用$first和$last属性ng-repeat.这些都用ng-repeat记录.并且可以像这样使用:

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

Answer 2

使用该ng-if 声明

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