AngularJS ng-select使用对象属性及其值作为选项

AngularJS ng-select use an objects property and its value as options

本文关键字：选项 属性 ng-select 对象 AngularJS      更新时间：2023-09-26

>我正在尝试使用这种对象

{1: 'foo', 2: 'bar'}

与 ng 选择。我已经尝试了它为对象显示的文档中的所有四个选项，但我无法让它工作。我已经在SO中搜索过此类问题，但我发现没有一个与我的对象匹配。

<select ng-model="selectedCountry" ng-options="value for (key, value) in countries"></select>

当选择它显示它正在使用的选择之一时，我猜的是对象 id 或索引，而不是作为值的 propety。我希望它在选择 foo 时获得值 1，在选择柱线时获得值 2。我正在尝试将属性作为选择的值。

普伦克的例子。

这不是错字。 即使我删除了元素的 ng- 前缀，它也无法以所需的方式工作。检查更新的 Plunker 链接。

如果我

正确理解了这个问题，{1: 'foo'}您希望下拉列表在下拉列表中显示foo，并在选择时输出1。

此选项将起作用： ng-options="key as value for (key, value) in countries . key as将输出设置为 key 元素，value for value设置为下拉列表迭代器。

相关文章：