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>
我怎样才能做到这一点?
回答:
使用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>
以上是 Angular JS-ng-repeat和循环条件 的全部内容, 来源链接: utcz.com/qa/422679.html