angularjs - ng-repeat 中的 Angular ui-select

Question

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

<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

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