javascript - angular 1.x ng-options 从值加载下拉列表

Question

https://plnkr.co/edit/lvxHUKXI9tuToSNsD3Hg?p=preview

这是我的 plunker，我有这样的 html

<select ng-model="dropdown" ng-options="option.description for option in list" ng-change="hmm()"></select>

然后我的数据源看起来像这样

$scope.list =   {"description":"jhello","value":4},"description":"bello","value":5}];
$scope.dropdown = 5;

我有一个 ng-model="dropdown"

我想要做的是将模型的值设置为选定的选项。因此，如果我设置 dropdown=5，则会选择 $scope.list[1]。我知道我可以很容易地调用索引，所以 $scope.dropdown = $scope.list[1] 等。但是，当我从数据库中提取数据进行编辑以映射到这个时，这需要额外的映射选项。然后额外的映射，以便在我尝试保存时仅将 5 值存储到数据库中(IE valueToSave = $scope.dropdown.value)。如果我的模型或值可以自动设置正确的选项并自动准备好保存，那就太好了。当您有 30 个左右的下拉菜单并且有人单击编辑额外的映射以设置下拉菜单并再次保存时，这真的很累。如何使用 $scope.dropdown = 5 设置下拉选项，并确保对下拉列表的更改将 $scope.dropdown 更新为正确的值，以便准备就绪保存？

Answer 1

只需按照以下方式更新您的 ng-options ng-options="option.value as option.description for option in list"

像这样

<select class="dropdown-list form-control" name="UnitsOfLengthDefault" ng-model="dropdown" ng-options="option.value as option.description for option in list" ng-change="hmm()"></select>