具有阵列长度条件的角度ng重复

时间:2014-02-24 07:27:35

标签: javascript html angularjs angularjs-ng-repeat

我希望仅在ng-repeat

photos.length > 1 运行

这样做似乎不起作用:

<div ng-repeat="thumb in photos | photos.length > 1">

有没有快速的技巧/优雅方式来做到这一点?我只需要检查数组长度,没有别的想法。

我不想通过做这样的事情将数组复制到另一个数组

if (oldArray.length > 1)
 newArray = photos;
else
 newArray = [];

...然后在ng-repeat上执行newArray。这似乎效率低下。

感谢。

2 个答案:

答案 0 :(得分:39)

尝试:

<div ng-repeat="thumb in photos" ng-if="photos.length > 1"></div>

如果不满足ng-if条件,那么这些元素将从DOM中删除。有关详细信息,请参阅http://docs.angularjs.org/api/ng/directive/ngIf

答案 1 :(得分:5)

您可以尝试使用ng -if指令检查您描述的情况,例如

<div ng-if='photos.length > 1'> your HTML here </div>