Question

所以我有一个非常基本的选择，如下所示：

<ui-select theme="select2" search-enabled="false" ng-model="obj.myModel">
    <ui-select-match>{{$select.selected.name}}</ui-select-match>
    <ui-select-choices repeat="item.value as item in choices">
        <span>
            {{item.name}}
        </span>
    </ui-select-choices>
</ui-select>

我们假设choices被定义为

$scope.choices = [
    {value: 'some_value_1', name: 'Default name'},
    {value: 'some_value_2', name: 'Default name 2'}
]

现在让我们假设用户选择了值为some_value_1的项目。之后会出现服务器响应，用不同的名称更新choices列表

$scope.choices = [
   {value: 'some_value_1', name: 'Real name'},
   {value: 'some_value_2', name: 'Real name 2'}
]

请注意，模型中保存的值部分保持不变。 {I}中的名称仍然是 默认名称 ，当我希望它更改为真实姓名时。

plnkr.co

有没有办法让所选名称与更新的选项相对应？

angular ui-select - 更新选项时选择的更新

0 个答案: