在ng-repeat中的角度ui-选择

时间:2015-03-03 06:32:14

标签: angularjs angular-ui-select

我在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>

1 个答案:

答案 0 :(得分:4)

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