如何使用带有 Angular 编译功能的 Twitter typehead.js？答案

【问题标题】：How to use Twitter typehead.js with Angular compile function?如何使用带有 Angular 编译功能的 Twitter typehead.js？
【发布时间】：2013-05-28 07:03:23
【问题描述】：

我正在尝试将 Twitter 的 typeahead.js（不是 Bootstrap 的）与 AngularJS 一起使用。在我尝试使用自定义 template 和 engine 选项之前，我可以将它全部启动并运行得很好。

如果我使用 Twitter 自己的 Hogan.js 进行模板化，并通过脚本标签传入字符串模板，我可以呈现我想要的自定义结果，但它只是纯 HTML，并且没有任何 Angular 指令可以工作。

我的问题是，如何利用 typeahead.js 库并呈现我自己的自定义结果，以及如何利用 Angular 强大的编译和双向绑定。这是一个带有一些示例代码的要点，以说明我想要实现的目标。任何帮助将不胜感激！

示例代码要点： https://gist.github.com/i8ramin/5690826

【问题讨论】：

标签： angularjs angularjs-directive angularjs-scope hogan.js typeahead.js

【解决方案1】：

我决定改用Typeahead library from the UI Bootstrap Angular directives 项目。它并没有真正回答上述问题，但认为其他人了解替代方法可能会有用。

【讨论】：

谢谢，与 Angular 模型集成要容易得多

【解决方案2】：

您可以在 Angular 中切换用于绑定的内容 - Igor Minar 回答了类似的问题 here。

此外，您可以尝试调整设置，以便可以使用 Angular 的模板引擎。

【讨论】：

我实际上没有绑定语法问题。更多的是一个问题，你如何利用 Angular JS 模板编译以及 twitter typeahead.js 库。