Bootstrap Typeahead没有显示提示

时间:2014-08-23 11:21:10

标签: twitter-bootstrap typeahead.js typeahead bootstrap-typeahead

我正在使用带有自定义JSON响应的Bootstrap Typeahead和带有模板的自定义呈现。问题是“提示”不再显示,因为结果的自定义呈现。有没有办法指定JSON字典结果的“提示”-key(在我的情况下是“keyword”)?

通过删除“模板”,提示当然有效,但我需要自定义渲染。

var query = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('keyword'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: '/autocomplete?q=%QUERY'
});

$('#idSearch').typeahead({
    hint: true,
    highlight: true,
    minLength: 1
  }, {
    name: 'query',
    source: query,
    templates: {
      suggestion: Handlebars.compile('<p>{{keyword}}</p>')
    }
});