how to deal with an if statement in a loop in AngularJS?

Question

i have this 2 loops

    <ion-list>
      <ion-item ng-repeat="category in categories" href="#">
        {{category.name}} {{category.id}}
          <ion-item ng-repeat="test in tests" href="#">
              {{test.name}} {{test.cat_id}}
          </ion-item>
      </ion-item>
    </ion-list>

i want to test if(category.id === test.cat_id) then show the second list

i'm not sure if and how to use ngif, or if i should take care of this in the controller and return one object already formatted for my needs..

any ideas?

Maybe <ion-item ng-repeat="test in tests" href="#" ng-show="category.id === test.cat_id"> ? — aet
– aet, Commented Apr 25, 2014 at 21:57

Kristiyan Kostadinov · Accepted Answer · 2014-04-25 22:00:28Z

2

If I understand correctly you want to conditionally show the second ng-repeat. If that is the case then you can use this:

<ion-list>
  <ion-item ng-repeat="category in categories" href="#">
    {{category.name}} {{category.id}}
      <ion-item ng-repeat="test in tests" href="#" ng-if="category.id === test.cat_id">
          {{test.name}} {{test.cat_id}}
      </ion-item>
  </ion-item>
</ion-list>

Another option would be to use a filter like this:

<ion-list>
  <ion-item ng-repeat="category in categories" href="#">
    {{category.name}} {{category.id}}
      <ion-item ng-repeat="test in tests | filter: {cat_id: category.id}" href="#" ng-if="category.id === test.cat_id">
          {{test.name}} {{test.cat_id}}
      </ion-item>
  </ion-item>
</ion-list>

I would actually recommend the filter option.

answered Apr 25, 2014 at 22:00

Kristiyan Kostadinov

3,7124 gold badges32 silver badges52 bronze badges

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

Comments

spacemigas · Accepted Answer · 2014-04-25 22:00:28Z

0

What about something like this?

<ion-list>
  <ion-item ng-repeat="category in categories" href="#">
    {{category.name}} {{category.id}}
      <ion-item ng-repeat="test in tests | filter:{cat_id: category.id}" href="#">
          {{test.name}} {{test.cat_id}}
      </ion-item>
  </ion-item>
</ion-list>

answered Apr 25, 2014 at 22:00

spacemigas

9019 silver badges10 bronze badges

Collectives™ on Stack Overflow

how to deal with an if statement in a loop in AngularJS?

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