Angular ng-repeat with array length condition

Question

I want the ng-repeat to run only when the photos.length > 1

Doing this doesn't seem to work:

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

Is there any quick trick / elegant way to do this? I just need to check for array length and nothing else fancy.

I would hate to duplicate the array to another array by doing something like this

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

...and then do ng-repeat on newArray. This seems inefficient.

Thanks.

Try creating your own filter. See stackoverflow.com/questions/15196161/… — elclanrs
– elclanrs, Commented Feb 24, 2014 at 7:31

kamilkp · Accepted Answer · 2014-02-24 07:36:40Z

40

Try:

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

if the ng-if condition is not satisfied those elements will be removed from the DOM. See http://docs.angularjs.org/api/ng/directive/ngIf for further reference.

answered Feb 24, 2014 at 7:36

kamilkp

9,8106 gold badges41 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mdlars Over a year ago

It may also be helpful to check for the existence of 'photos' prior to accessing the length property since 'undefined' would not have a length property. For example: ng-if="photos && photos.length > 1"

Hassan Faghihi Over a year ago

how to have two if confition, before and after ng-repeat? for example, photos can be array or an error, if the type is string it's an error, and i have to check it before ng-repeat, but then i want to put condition on thumb, say if it meet specific condition, then i have to run it after ng-repeat...

rom99 · Accepted Answer · 2014-02-24 10:46:12Z

5

You could try using the ng -if directive to check the condition you describe e.g.

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

edited Feb 24, 2014 at 10:46

answered Feb 24, 2014 at 7:36

rom99

8095 silver badges15 bronze badges

Collectives™ on Stack Overflow

Angular ng-repeat with array length condition

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related