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

时间:2017-10-18 10:56:56

标签: javascript angularjs ng-options angularjs-select

我有一个像这样的对象:

$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>而不是实际的选项文本。

请注意,我没有使用一系列对象,例如我发现的每篇文章都使用过。我刚收到一个物品。我也不想把它改成一个对象数组。必须有办法做到这一点。

非常感谢。

1 个答案:

答案 0 :(得分:2)

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

$scope.selectedValue = '2';

以下是codepen作为示例。