如何将ng-options与整数对象数据源索引一起使用?

时间:2014-03-25 11:04:42

标签: angularjs

我有一个<select>元素,其ng-options属性设置为对象数据源:

<select id="mySelect3"
        name="mySelect3"
        ng-model="mySelect3"
        ng-options="key as value for (key, value) in objectDataSourceInts"></select>

对象数据源使用整数而不是字符串编制索引:

$scope.objectDataSourceInts = {
    1: 'one'
  , 2: 'two'
  , 4: 'four'
  , 6: 'six'
};

我正在尝试在页面加载时在我的控制器中设置此元素的值:

$scope.mySelect3 = 6;

我希望匹配值(&#39;六&#39;)成为页面加载<select>中的选定选项,但事实并非如此。而是选择一个空选项。

Full Plunk示例:http://plnkr.co/edit/OWePopAWAIy9qcgNgQE6?p=preview

如何在页面加载时设置此值?

1 个答案:

答案 0 :(得分:0)

啊哈 - 在设置此字段的值时,我看起来需要将键指定为字符串,而不是其原始整数形式。所以,而不是:

$scope.mySelect3 = 6;

我这样做:

$scope.mySelect3 = "6";

它按预期工作。

http://plnkr.co/edit/OWePopAWAIy9qcgNgQE6?p=preview