jquery – 前置自定义模板没有Handlebars

我试图实现Typeahead.JS “Custom Template” example。

$('#custom-templates .typeahead').typeahead(null,{
  name: 'best-pictures',displayKey: 'value',source: bestPictures.ttAdapter(),templates: {
    empty: [
      '<div class="empty-message">','unable to find any Best Picture winners that match the current query','</div>'
    ].join('\n'),suggestion: Handlebars.compile('<p><strong>{{value}}</strong> – {{year}}</p>')
  }
});

具体如下：

suggestion: Handlebars.compile('<p><strong>{{value}}</strong> – {{year}}</p>')

最初我没有意识到你需要明确地要求Handlebars作为依赖：

Uncaught ReferenceError: Handlebars is not defined

当我删除Handlebars …

suggestion: '<p><strong>' + value + '</strong> – ' + year + '</p>'

它给出另一个JS错误：

Uncaught ReferenceError: value is not defined

是否可以使用自定义视图模板，而不使用Handlebars引擎？

解决方法

使用此格式：

suggestion: function(data) {
    return '<p><strong>' + data.value + '</strong> – ' + data.year + '</p>';
}

取自this thread。