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>

但是似乎绝对没有办法从该下拉列表中通过其值预先选择一个值。 如果我像这样设置选定的值，我已经设法让它工作：

$scope.selectedValue = 'Option B';

我到底如何让<select>使用选项值（对象的键）而不是实际的选项文本进行预选择。

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

非常感谢。

Answer 1

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

$scope.selectedValue = '2';

这里以codepen为例。