AngularJS:从列表,NOT对象或数组中选择选项

时间:2014-03-18 20:58:06

标签: javascript list angularjs select option

尝试从简单列表中创建一组选择选项,而不是使用具有键的数组或对象。所有的文档&我发现的示例与键控数据类型有关。

$scope.numbers = ['tweedle', 'beetle', 'battle'];

使用下面的代码,选择列表在加载时呈现正常。

<select ng-model="fox" ng-options="item for item in fox"></select>

进行选择后,它会将选择值拆分为逗号分隔列表。尝试选择和项目,然后选择其他项目。

我确定它与绑定有关,但我不能指责它:

http://jsfiddle.net/LR6DL/1/

1 个答案:

答案 0 :(得分:1)

这是因为您要将ng-model的{​​{1}}设置为selectfox也是您的选项所设置的,因此您的选项数组将被选中的值(字符串)覆盖 - 然后将其拆分为字母以满足fox指令。

简短解决方案:

将您的ng-options更改为ng-model,将您的输入更改为selection

演示:http://jsfiddle.net/LR6DL/2/