Angular.js ng-option 使用按键选择答案

【问题标题】：Angular.js ng-option select using keypressAngular.js ng-option 使用按键选择
【发布时间】：2015-08-09 17:39:43
【问题描述】：

我有一个通过ng-options 填充的<select>。在特定情况下，当有序模型列表中的两个值相邻并且值具有相同的首字母时，模型值的更新在角度中断。这可能是浏览器事件问题，但我不确定。

This plunker shows the issue 和 this GIF illustrates it。

我尝试在现场手动触发change 事件，但没有任何运气。如果可能，我们希望保持列表按字母顺序排列 - 更改顺序似乎可以解决问题。

该问题仅出现在 Chrome 中 - 我使用的是版本 43.0.2357.81（64 位）。

任何想法将不胜感激。谢谢。

【问题讨论】：

你用的是什么浏览器？您的 plunkr 似乎在 Firefox 上运行良好。
没错，我忘了说这似乎是 Chrome 唯一的问题（尽管我确实在 Plunker 中编写了它）。我使用的是 Chrome 版本 43.0.2357.81（64 位），并已在多台机器上验证为问题。
即使使用 ng-model-options="{ 'debounce': 1000 }" 它仍然选择了错误的。可能是浏览器问题？
我觉得可能和这个问题一样：github.com/angular/angular.js/issues/9134和code.google.com/p/chromium/issues/detail?id=415505

标签： javascript angularjs google-chrome ng-options angularjs-ng-options

【解决方案1】：

这是一个 hack 解决方案，虽然很丑，但很有效。

 <select ng-model="workflowData.section" ng-options="s.name as s.name for s in sections" class="fullwidth" ng-keypress="workflowData.section = s.name">
</select>

我真的不知道为什么原始代码不起作用。

【讨论】：

这是一个很好的建议，比我们正在研究的其他一些更“有角度”的修复 - 谢谢。