if statement in ng-repeat directive in AngularJS

Question

I have the template:

            <div ng-repeat="CableFilterName in CableFilterNames">

                <fieldset>
                  <legend>{{CableFilterName.filterName}}</legend>
                  <ul id="">
                    <li ng-repeat="filterValue in CableFilterName.filterValues">
                        <input type="checkbox"/> {{filterValue}}
                        <!-- <select> -->
                    </li> 

                  </ul>
                </fieldset>

               </div>

where filterValue in nested ng-repeat has several different values. So question is how to define what is current filterValue-value and depending on it use checkbox or select or any arbitrary HTML ?

UPD:

filterValues = ['Cable System','Electrical', 'Lighting'];

ng-repeat has several different values, please give ana example of different values — Maxim Shoustin
– Maxim Shoustin, Commented Oct 30, 2013 at 19:50

yarl · Accepted Answer · 2014-06-18 08:09:48Z

3

To have a kind of if statement, you can use the ngSwitch directive in AngularJS :

http://docs.angularjs.org/api/ng.directive:ngSwitch

For example on your ngRepeat loop :

<div ng-switch on="filterValue">
     <div ng-switch-when="value1">//Do what you want when "value1"</div>
     <div ng-switch-when="value2">//Do what you want when "value2"</div>
     ...
     <div ng-switch-default>//Do what you want by default</div>
</div>

I Hope it's what you want, I don't really understand what you try to achieve.

edited Jun 18, 2014 at 8:09

yarl

3,2251 gold badge24 silver badges28 bronze badges

answered Oct 30, 2013 at 20:05

tomahim

1,3282 gold badges13 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

if statement in ng-repeat directive in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related