1

我使用以下内容根据服务器数据创建了几个 ui-select 下拉菜单。我喜欢从每个下拉列表中选择独立的项目。当我在一个下拉列表中选择一个项目时，所有下拉列表都被分配相同的值。如何分隔选定的值？

            <div ng-repeat="choiceItem in menuItem.mandatoryChoices">
            <ng-form name="innerModalForm1">
                <div class="form-group">
                    <label ng-show="choiceDescExist(choiceItem)">{{choiceItem.choiceDesc}}</label>

                    <div ng-class="{ 'has-error' : innerModalForm1.option.$invalid && submitted }">
                        <div ng-show="choiceItem.multiSelect">
                            <ui-select name="mandatory" multiple required ng-model="selected.mandatoryChoices[$index]">
                                <ui-select-match placeholder="Please select one or more">
                                    {{$select.selected.choiceItemDesc}}
                                </ui-select-match>
                                <ui-select-choices repeat="s in choiceItem.choiceOptions | filter: $select.search">
                                    <div ng-bind-html="s.choiceItemDesc | highlight: $select.search"></div>
                                </ui-select-choices>
                            </ui-select>
                        </div>
                    </div>
                    <span class="has-error" ng-show="submitted && innerModalForm1.option.$invalid">You must select this required item</span>
                </div>
            </ng-form>
        </div>

这是一个屏幕截图。所有三个下拉列表都有不同的值集。

在此处输入图像描述

4

1 回答 1

3

两件事情：

  • multiple属性：当单个选择可以有多个选择值时
  • ngModel和ng-repeat/ $index：虽然它可以工作，但它可能正在更新错误的模型

所以更好的方法是：

<ui-select name="mandatory" required ng-model="choiceItem.selected">

ng-model此外，当我喜欢将我的模型输出到 JSON中时有一个复杂的表达式：

{{ctrl.models | json}}
于 2015-04-17T13:11:58.330 回答