javascript - 多个数据集不适用于 Twitter Typeahead/Bloodhound

Question

我是 Typeahead 和 Bloodhound 的新手，我正在使用最新的 js。下面是我的示例代码。网页:

<div id="multiple-datasets">
    <input class="typeahead" type="text" placeholder="NBA and NHL teams">
</div>

这是脚本:

var nbaTeams = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        prefetch: '{ "names": ["Aaron  Kreisler","Adam  Alder","Adam  Preece"]}'
      });

   var nhlTeams = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        prefetch: '{ "titles": ["Acute Chronic Pancreatitis Program", "Aerodigestive Program", "Analytical Imaging and Modeling Center (AIM)"]}'

      });

  $('#multiple-datasets .typeahead').typeahead({           
        highlight: true
      },
      {
        name: 'nba-teams',
        display: 'team',
        source: nbaTeams,
        templates: {
          header: '<h3 class="league-name">NBA Teams</h3>'
        }
      },
      {
        name: 'nhl-teams',
        display: 'team',
        source: nhlTeams,
        templates: {
          header: '<h3 class="league-name">NHL Teams</h3>'
        }
 });

任何帮助。谢谢!

Answer 1

bloodhound multiple dataset cause typeahead template issue

我也发布了一个有关此问题的问题(顶部的链接)，但我有多个数据集正在工作，只是模板部分损坏了。这是来自 officials examples 的代码但如果没有 json 文件，您可以将其发布在 jsfiddle.net 上吗？