我在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>
答案 0 :(得分:4)
我能够通过将模型绑定到choice.selected
而不是node.selected
来解决问题。这样,每个选择框都有一个基于选择的唯一ng模型。