角JS - NG-重复和循环条件

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的文档。

但是，如果您只想循环使用第一个或最后一个项目，则还可以使用$first和$last属性ng-repeat。这些是documented with ng-repeat。并且可以使用这样的：

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

Answer 2

使用ng-ifstatement

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