Angular ui-select 在 ng-repeat 中

Question

我在 ng-repeat 中使用 ui-select 为集合中的每个项目创建一个 select 框。但是，当我 select 在任何单个 select 框中的节点 ID 时，它最终会在所有中得到 selected。如何配置 {{$select.selected.id}} 部分以便仅更新当前选择 select 框？这是相关代码：

<div style="float:left; width:160px;" ng-repeat="choice in choices">
<div class="input-group">
    <ui-select ng-model="node.selected" theme="bootstrap" ng-disabled="disabled" reset-csearch-input="true" style="width:50px; float:left">
        <ui-select-match placeholder="{{choice.to_node_id}}">{{$select.selected.id}}</ui-select-match>
        <ui-select-choices repeat="node in nodes | filter: $select.search">
            <div ng-bind-html="node.id | highlight: $select.search" ng-click="updateChoiceLink(choice, node)"></div>
        </ui-select-choices>
    </ui-select>
</div>

Answer 1

我能够通过将模型绑定到 choice.selected 而不是 node.selected 来解决问题。这样每个 select 框都有一个基于选择的唯一 ng-model。

Angular ui-select 在 ng-repeat 中

Angular ui-select within ng-repeat

angularjs

angular-ui-select