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的文檔可以在這里找到 。

但是，如果您只想循環第一個或最后一個項目，那么您也可以使用ng-repeat $first和$last屬性。 這些都用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>