在AngularJS中的ng-repeat指令中的if语句

时间:2013-10-30 19:47:26

标签: angularjs if-statement angularjs-directive ng-repeat

我有模板:

            <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>

其中嵌套filterValue中的ng-repeat有几个不同的值。所以问题是如何定义什么是当前filterValue - 值并依赖于它使用复选框或选择或任意HTML?

UPD

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

1 个答案:

答案 0 :(得分:3)

要获得一种if语句,可以在AngularJS中使用ngSwitch指令:

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

例如在你的ngRepeat循环中:

<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>

我希望这是你想要的,我真的不明白你想要达到的目标。