Typeahead.js:页脚查询如何工作?

时间:2014-12-21 20:33:02

标签: javascript jquery twitter-bootstrap handlebars.js typeahead.js

我正在使用Twitter typeahead.js。文档说:

  

footer-渲染在数据集的底部。可以是HTML   字符串或预编译的模板。如果它是预编译的模板,那么   传入上下文将包含query和isEmpty。

但是,我无法使用query

我想在以下的地方使用它:

footer: Handlebars.compile('<h3 class="tt-footer"><a href="search/%query"> See more results</a></h3>')

它是如何实际工作的?

1 个答案:

答案 0 :(得分:2)

这里可以看到一个页脚的例子:

http://jsfiddle.net/Fresh/d7jdp03d/

搜索电影(例如外星人),你会在建议的底部看到页脚。

代码的关键部分是:

footer: Handlebars.compile("<b>Searched for '{{query}}'</b>")

您需要使用Handlebars语法(即大括号)来引用查询值,因为这是此示例中使用的模板引擎。