angularjs – Angular-UI：强制预先输出结果

发布时间：2020-12-17 07:30:16 所属栏目：安全来源：网络整理

导读：我有一个使用 AngularUI’s typeahead feature的文本字段.它看起来像这样： input typeahead="eye for eye in autocomplete[column] | filter:$viewValue" 我想强制用户从生成的列表中选择一个选项.如果他们输入的内容与列表中没有完全相同,则在模糊(单击文

我有一个使用 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”,因为没有选择任何值.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!