角NG选项使用选项数据源

问题描述:

预选值我有一个像对象,以便:角NG选项使用选项数据源

$scope.properties = { 
    1: 'Option A', 
    2: 'Option B', 
    3: 'Option C' 
}; 

而一个ng-model变量,像这样:

$scope.selectedValue = 2; 

而且一些标记,像这样:

<select ng-options="key as value for (key, value) in ctl.properties" 
     ng-model="ctl.selectedValue"> 
</select> 

但似乎绝对没有办法从其下拉列表中预先选择一个值。我已经成功地得到它,如果我设置所选值这样的工作:

$scope.selectedValue = 'Option B'; 

如何在地球上我会得到<select>使用选项值(对象的关键)预先选择不实际选项文本。

请注意,我没有使用大多数我找到的每篇文章都使用的对象数组。我刚刚得到一个对象。我也不想将其更改为一组对象。必须有办法做到这一点。

很多谢谢。

+0

你使用什么版本的角? –

下拉需要一个字符串键而不是数字之一:

$scope.selectedValue = '2'; 

这里是一个codepen,例如,

+0

非常感谢您,我非常重视如何使用该值来处理它,我并不认为使用该值检索文本。 –

+0

我的荣幸,很高兴我能提供帮助。 –

+0

好的,所以这里有一个小问题,如果selectedValue是字符串,那么当您更改下拉列表时,ng-model会用实际值覆盖字符串。因此,如果选择“选项C”,则将ng模型设置为“3”,并且反过来会将选项的文本更改为“3” –