作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有这样的对象数组:
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。我该怎么做?
最佳答案
您可以直接在 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 设置为文本
关于javascript - 如果源列表是对象数组,如何在 ng-model 中存储选定的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37970618/
我是一名优秀的程序员,十分优秀!