Typeahead.js - 忽略模板设置

我正在尝试使用Typeahead.js设置自定义模板

我的代码是:

var countries = new Bloodhound({
    datumTokenizer: function(d) {
        return Bloodhound.tokenizers.whitespace(d.value);
    },queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 100,
    remote: {
        url: 'http://www.domain.com/json.php?action=countries&q=%QUERY'
    }
});

countries.initialize();

$('.lang').typeahead(null, {
    name: 'countries',
    source: countries.ttAdapter(),
    template: [
        '
{{lang_id}}
',
        '
{{value}}
'
    ].join(''),
    engine: Hogan
});

它工作正常,但模板设置被忽略 - 我仍然得到默认下拉列表.我究竟做错了什么？

编辑:我也尝试过:

$('input').typeahead(null, {
  name: 'countries',
  displayKey: 'value',
  source: countries.ttAdapter(),
  templates: {
     empty: [
      '
',
      'no results found',
      '
'
    ].join('\n'),
    suggestion: '
{{value}} – {{id}}
'
  },
  engine: Hogan
});

这会引发错误:

Property 'suggestion' of object #