Как перебрать несколько выпадающих списков в сетке AngularJS для выбранного значения - PullRequest
Новая
       7

Как перебрать несколько выпадающих списков в сетке AngularJS для выбранного значения

0 голосов
/ 17 мая 2018

Как перебирать несколько выпадающих списков в сетке AngularJS для выбранного значения. Ниже приведен мой код. Прикреплен пример пользовательского интерфейса сетки. Я хочу перебирать каждое из значений строк и формировать массив объектов. У меня отдельная модельдля каждого раскрывающегося списка ключ и значение пары. Но не знаете, как их читать при итерации 

         <table class="filtertable" ng-show="FilterOptions">
            <thead>
                <th>And/Or</th>
                <th>Field</th>
                <th>Operator</th>
                <th>Value</th>
            </thead>

Здесь итерация и привязка выпадающих списков 

            <tbody ng-repeat="m in FilterOptions">
                <tr>
                   Here we are biding the drop downs
                    <td><select ng-model="AndOrmodel" ng-show="m.AndOr" ng-options="option for option in m.AndOr"></select></td>
                    <td>  <select ng-model="Fieldsmodel" ng-options="o as o for o in m.Fields"></select></td>
                    <td>  <select ng-model="Operatorsmodel" ng-options="Operator.OperatorName for Operator in m.Operators track by Operator.OperatorId"></select></td>
                    <td>

                        <select ng-model="OperFieldsmodel" ng-if="Operatorsmodel.indexOf('Field') > -1" ng-options="o as o for o in m.Fields"></select>
                        <input type="text" ng-if="Operatorsmodel.indexOf('Field') == -1 || Operatorsmodel==undefined" ng-model="m.SearchValue" />

                    </td>
                    <td>
                        <p>
                            <a href="#" ng-click="Add($index)" title="Add">
                                <span class="glyphicon glyphicon-plus" 
                       style="color:green;"></span>
                            </a>
                        </p>
                    </td>
                    <td>
                        <a href="#" ng-click="Remove($index)" title="Remove 
                     this filter line">
                            <span class="glyphicon glyphicon-minus" 
                  style="color:red"></span>
                        </a>
                    </td>

                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="4">
                        <p>
                            <a href="#" ng-click="Add()" title="Add">
                                <span class="glyphicon glyphicon-plus" style="color:green"></span>Add new clasue
                            </a>
                        </p>
                    </td>
                    <td>
                        <input type="button" value="Save" ng- 
                   click="SaveMasterSearch()" />
                    </td>
                </tr>
            </tfoot>
        </table>
...