angularjs - 如何使用 Twitter typehead.js 和 Angular 编译功能?

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

我正在尝试使用 Twitter 的 typeahead.js (不是 Bootstrap 的)和 AngularJS。在我尝试使用自定义模板引擎 选项之前,我可以很好地启动和运行它。

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

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

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

最佳答案

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

关于angularjs - 如何使用 Twitter typehead.js 和 Angular 编译功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16874548/

相关文章:

css - Bootstrap viewport/columns mangle 工具提示

javascript - 在angularjs中支持单向绑定(bind)的指令是什么

javascript - Angular : How to spy on $element. 开启

javascript - Angular Directive(指令) mouseenter/mouseleave 工作但在 mouseleave 后不设置为初始状态

javascript - $scope.$watch 函数未按预期触发 nodelist.length 更改

AngularJS - 自引用服务?

javascript - Angular UI-Router : $state. 当前有时未定义

javascript - 为什么在 angularjs 指令链接函数中未定义双向绑定(bind)?

javascript - 如何在app.run中使用异步代码?

angularjs - 如何使用 Angularjs 将一个 html 文件包含在另一个 html 文件中