下拉列表中的所选值无效:无法设置所选值

Invalid selected value in drop downs : Failed to set selected value

本文关键字：设置 无效 下拉列表      更新时间：2023-09-26

我有动态生成下拉列表的代码。我正在使用ng repeat动态生成下拉列表，但我没有得到有效的选定值。
我已经在这里更新了我的代码。
HTML

<div ng-repeat="item in items">
    <select ng-model="item.shareToOption" ng-options="c.value for c in shareToOptions"></select>
</div>

JS

$scope.items = [
    {
    "shareToOption" : {id:1,value:"AA1"}
    },
    {
    "shareToOption" : {id:2,value:"AA2"},
    },
    {
    "shareToOption" : {id:3,value:"AA3"},
    },
    {
    "shareToOption" : {id:4,value:"AA4"}
    }
];
$scope.shareToOptions = [
    {id:1,value:"AA1"},
    {id:2,value:"AA2"},
    {id:3,value:"AA3"},
    {id:4,value:"AA4"}
];

更新我不想对JSON对象进行任何更改，如何在不更改JSON对象的情况下实现结果？

使用以下代码，我在模型中获得了正确的id，但值没有得到更新。

<select class="form-control input-sm" ng-model="item.blockName.id" name="blockName" 
              ng-options="choice.id as choice.value for choice in blockNameOptions">
</select>

参考：http://jsfiddle.net/LCJub/1/

将第一次下降的值更改为AA2，但我仍然得到模型

[{"shareToOption":{"id":2,"value":"AA1"}},{"shareToOption":{"id":2,"value":"AA2"}},{"shareToOption":{"id":3,"value":"AA3"}},{"shareToOption":{"id":4,"value":"AA4"}}]

ngModel通过引用而非值进行比较。

您需要引用$scope.shareToOptions:中的对象

$scope.shareToOptions = [
    {id:1,value:"AA1"},
    {id:2,value:"AA2"},
    {id:3,value:"AA3"},
    {id:4,value:"AA4"},
    {id:4,value:"AA5"},
    {id:4,value:"AA6"},
    {id:4,value:"AA7"}
];
$scope.items = [
    {
        "shareToOption" : $scope.shareToOptions[0]
    },
    {
        "shareToOption" : $scope.shareToOptions[1]
    },
    {
        "shareToOption" : $scope.shareToOptions[2]
    },
    {
        "shareToOption" : $scope.shareToOptions[3]
    }
];

演示：http://jsfiddle.net/Xr8MU/

如果你不想更改两个现有的数组，我建议在控制器初始化时重新映射$scope.items，以使用正确的引用：

var setReferences = function () {
    var items = $scope.items;
    for (var i = 0; i < items.length; i++) {
        var reference = $scope.shareToOptions.filter(function (option) {
            return option.id === items[i].shareToOption.id;
        })[0];
        items[i].shareToOption = reference;
    }
};
setReferences();

演示：http://jsfiddle.net/whNzw/

相关文章：