如何使用带有Angular编译功能的Twitter typeahead.js?

时间:2013-06-01 15:58:59

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

我正在尝试使用Twitter的typeahead.js(而不是Bootstrap)以及AngularJS。我可以把它全部运行得很好,直到我尝试使用自定义模板引擎选项。

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

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

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

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

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

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