多个数据集不能与Twitter Typeahead/Bloodhound一起使用

Question

我刚开始使用Typeahead和猎犬，我使用的是最新的js。下面是我的示例代码。Html：

<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上吗

Answer 2

display属性似乎是错误的(盲目的c&p问题？)；正如doc中所给出的，display应该指向每个匹配数据行中的data-field

请尝试下面编辑过的代码块：

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

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

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