2014-01-25 77 views
20

嘿,我有這樣的一段代碼:角JS - NG-重複和循環條件

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

它的工作原理,但我想提出額外條件,循環像裏面:

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

我怎樣才能做到這一點?

回答

52

使用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> 
+2

NG-如果比NG-表現出更好的解決方案,因爲NG-如果修改DOM。 ng-show只顯示/隱藏元素。 – RaviH

+0

@RaviH是的,這就是爲什麼這個例子使用ng-if。但是,它們都是基於您嘗試實現的有效解決方案。 –

+0

@DavinTryon嘿謝謝你,你知道嗎?我該如何在這個循環中增加一個增量變量? :P我想只顯示一個div內循環,例如,如果增量%3 === 0,但我不知道如何:( – sbaaaang

9

使用ng-ifstatement

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