前端之家收集整理的这篇文章主要介绍了
angularjs – Angular-UI:强制预先输出结果,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用
AngularUI’s typeahead feature的文本字段.它看起来像这样:
<input typeahead="eye for eye in autocomplete[column] | filter:$viewValue">
我想强制用户从生成的列表中选择一个选项.如果他们输入的内容与列表中没有完全相同,则在模糊(单击文本字段外部)时,我希望文本字段的值重置为原始值.
此功能是typeahead指令的一部分,还是需要扩展它?我在google和stackoverflow上搜索了大约10分钟,但找不到任何相关文档.
有谁能指出我正确的方向来实现这一目标?
插件中有一个
属性仅强制使用现有值:typeahead-editable =“false”.默认值是true.
当选择了错误的值时,只有$modelValue被设置为空,这实际上是必要的,否则我们将无法写入任何内容. $viewValue保留最后输入的文本.您可以将自己的模糊事件绑定到字段以重置$viewValue?
这是您的JsFiddle,显示所选值:http://jsfiddle.net/ZjPWe/61/
您还可以使用typeahead-on-select属性,当选择值时需要回调,但我不确定它是否适用于typeahead-editable =“false”,因为没有选择任何值.