在 angular bootstrap ui typeahead 指令上触发 keypress 事件

Posted

技术标签:

【中文标题】在 angular bootstrap ui typeahead 指令上触发 keypress 事件【英文标题】:Triggering the keypress event on the angular boostrap ui typeahead directive 【发布时间】:2014-12-29 15:39:13 【问题描述】:

我正在使用angular-ui typeahead 指令。我需要预先绑定字段的值(简单),然后触发预先输入搜索功能,但似乎没有办法以编程方式完成后者。

有没有办法模拟必须触发查找功能的按键更改事件?

【问题讨论】:

【参考方案1】:

只需查看 bootstrap-ui 源代码即可。似乎 bootstrap-ui 使用 ngModel.$parser 来检查 ngModel 的变化。 BOOTSTRAP-UI source code(line: 190)

所以我创建了一个指令尝试用

触发 $parser
ngModel.$setViewValue('t');

而且它有效。

这里是DEMO DIRECTIVE PLUNKER。

这里是angular $parser&$setViewController document。

希望这能奏效。 :)

【讨论】:

以上是关于在 angular bootstrap ui typeahead 指令上触发 keypress 事件的主要内容,如果未能解决你的问题,请参考以下文章

如何在打字稿中使用 angular-ui-bootstrap(模态)?

Angular JS UI Bootstrap 选项卡 (ui.bootstrap.tabs) 导致页面在选择时滚动/跳转

html angular-ui-bootstrap Typeahead的示例用法(https://angular-ui.github.io/bootstrap/)

我应该使用 Angular UI Bootstrap 还是普通的 Bootstrap 3? [关闭]

Angular-ui select2 在将 Angular 与 twitter-bootstrap 混合时不起作用

在 angular-ui-bootstrap 中创建一个两列下拉列表