AngularJS beginner. ng-repeat array of objects

Question

I am new to angularJS. I have the following code:

<div class="col-sm-3 col-xs-6" ng-repeat="image in gallery | limitTo:'4'">
    <a href="#"><img ng-src="
    <?php echo '...' ?>{{pack.hotels.current.images[$index+1].path}}"
    alt="Image" class="img-responsive"></a>
</div>

Currently I have an array of objects which have 2 properties: type and path. In the ng-repeat I iterate through all the objects. I would like to iterate only through objects in array that have the property type==="GEN"

While debugging, I run:

pack.hotels.current.images.forEach(function(item, count){ 
    if(item.type === "HAB") 
        console.log(item) 
})

How can I rewrite the ng-repeat statement so that it iterates only through elements that have property type="GEN" ? Which filter should I apply? Thank you!

what php doin in the html?

Jesus Carrasco
– Jesus Carrasco

2017-08-10 16:53:41 +00:00
Commented Aug 10, 2017 at 16:53 — Jesus Carrasco
– Jesus Carrasco, Commented Aug 10, 2017 at 16:53

Gaurav Srivastava · Accepted Answer · 2017-08-10 16:54:55Z

2

use ng-repeat like this:

ng-repeat="image in gallery | filter:{ type: 'GEN'} | limitTo:'4'"

answered Aug 10, 2017 at 16:54

Gaurav Srivastava

3,2323 gold badges20 silver badges37 bronze badges

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

Comments

Jesus Carrasco · Accepted Answer · 2017-08-10 17:16:27Z

1

Just add a filter filter: {type:'GEN'}

HTML

<div class="col-sm-3 col-xs-6" ng-repeat="image in gallery | filter: {type:'GEN'}| limitTo:'4'">
    <a href="#"><img ng-src="
    <?php echo '...' ?>{{pack.hotels.current.images[$index+1].path}}"
    alt="Image" class="img-responsive"></a>
</div>

edited Aug 10, 2017 at 17:16

answered Aug 10, 2017 at 16:55

Jesus Carrasco

1,3541 gold badge11 silver badges16 bronze badges

Collectives™ on Stack Overflow

AngularJS beginner. ng-repeat array of objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related