javascript - 如果源列表是对象数组，如何在 ng-model 中存储选定的值？

Question

我有这样的对象数组:

vm.items = [{id: "1", val: "a"},{id: "2", val: "b"},{id: "3", val: "c"}]

我将它绑定(bind)到选择选项，例如:

<select ng-model="vm.model.id" >
    <option value="">select somthing</option>
    <option ng-repeat="i in vm.items" value="{{i.id}}">{{i.val}}</option>
</select>

但是，当我从下拉列表中选择一些项目时，我得到了整个对象 {}，而我只想要 ID。我该怎么做？

Answer 1

您可以直接在 select 标签上使用 ng-options。如果您的 json 包含 id 和 name 变量，您可以将其指定为:

<select ng-model="vm.model.id" ng-options="i.id as i.name for i in vm.items">
    <option value="">select somthing</option>
</select>

i.id 设置为选项值，i.name 设置为文本