Fatal编程技术网
  • javascript/
  • Javascript 使用对象表示法获取所选ng选项的标签

Javascript 使用对象表示法获取所选ng选项的标签

javascript angularjs

Javascript 使用对象表示法获取所选ng选项的标签,javascript,angularjs,label,html-select,ng-options,Javascript,Angularjs,Label,Html Select,Ng Options,给定一个对象： obj = { foo: 1, bar: 2 } 我使用对象数据源表示法创建一个ng选项： <select ng-model="selection" ng-options="key for (key, value) in obj"></select> 此时，用户将看到一个下拉列表，其中包含值foo和bar。当他们选择一个选项时，selection的值分别变为1或2 但是我如何返回并找出当前选择的键/标签是什么？要确定并比较语句中键的值，只需

给定一个对象：

obj = {
  foo: 1,
  bar: 2
}
我使用对象数据源表示法创建一个
ng选项
：

<select ng-model="selection" ng-options="key for (key, value) in obj"></select>
此时，用户将看到一个下拉列表，其中包含值
foo
和
bar
。当他们选择一个选项时，
selection
的值分别变为
1
或
2

但是我如何返回并找出当前选择的键/标签是什么？

要确定并比较语句中键的值，只需将
select
子句添加到
ng options
表达式中即可

<select ng-model="selection" ng-options="key as key for (key, value) in obj"></select>
我想你完全理解我了。我不想要
selectedItem
，我想要它们与
selectedItem
关联。在我的示例中，如果用户选择
foo
，
selectedItem
将具有值
1
。然后，我如何判断用户是否选择了
foo
？请注意，如果selectedItem==1返回“foo”，则不能使用类似
的逻辑，因为对象的值可能不是唯一的。好的，这会有所不同；）查看我的更新答案。理想情况下，我希望
selection
的值与对象的值相等，而不是键，但我想我可以使用键查看我的更新，这应该可以满足您的需要。@jcc:我喜欢您在模型中设置键、值的方法：
{key:key，value:value}


<select ng-model="selection" ng-options="{key:key, value:value} as key for (key, value) in obj"></select>

<span>{{selection.key}}</span>
<span>{{selection.value}}</span>