Angular ng-options 使用选项数据源预选一个值

Question

我有一个这样的对象：

$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>

但似乎绝对没有办法预先select从该下拉列表中按其值输入值。如果我像这样设置 selected 值，我已经设法让它工作：

$scope.selectedValue = 'Option B';

我究竟如何使用选项值（对象的键）而不是实际的选项文本将 <select> 预select。

请注意，我没有像我发现的每篇文章那样使用对象数组。我刚得到一个对象。我也不想将其更改为对象数组。一定有办法做到这一点。

非常感谢。

Answer 1

下拉菜单需要字符串键而不是数字键：

$scope.selectedValue = '2';

这里以codepen为例

Angular ng-options preselect a value using an option datasource