0

我有一个角度程序,可以创建一个带有选项的选择。我使用一个包含两个对象的数组。

我在这里创建了一个 jsFiddle 示例:http: //jsfiddle.net/ucHAe/

但是,选择最终会创建一个额外的选择选项。我对这个额外的选项感到困惑,只能认为这是由于存在名为“ proto ”的第三个也是最后一个条目。我正在使用 chrome v28.0.1500.95。

chrome console.log 的控制台输出:

[Object, Object]
0: Object
    id: 0
    mode: "Search"
    url: "http://google.com"
    __proto__: Object
1: Object
    id: 1
    mode: "Social"
    url: "http://facebook.com"
    __proto__: Object
length: 2
__proto__: Array[0]

知道为什么会这样吗?

4

1 回答 1

2

ng-model由于您设置不正确,因此创建了所谓的额外选择选项(我假设是空白选项) 。根据中定义的理解表达式ng-options,您需要设置selectOption为对象而不是ID。

在控制器末尾添加它会修复它,所以下拉列表中只会显示 2 个。

$scope.selectOption =  $scope.options[0];

希望能帮助到你。

Demo

于 2013-08-06T20:59:23.910 回答