Twitter 提前输入默认建议:如何在预取数组中获取第一个建议

Question

我正在使用Twitter Typeahead，我想在输入框获得焦点时为用户提供一些值，然后再键入任何内容。

在

"默认建议"下的示例页面上有一个示例：

var nflTeams = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  identify: function(obj) { return obj.team; },
  prefetch: '../data/nfl.json'
});
function nflTeamsWithDefaults(q, sync) {
  if (q === '') {
    sync(nflTeams.get('Detroit Lions', 'Green Bay Packers', 'Chicago Bears'));
  }
  else {
    nflTeams.search(q, sync);
  }
}
$('#default-suggestions .typeahead').typeahead({
  minLength: 0,
  highlight: true
},
{
  name: 'nfl-teams',
  display: 'team',
  source: nflTeamsWithDefaults
});

但是，在示例中，他们对要建议的值进行硬编码：

      sync(nflTeams.get('Detroit Lions', 'Green Bay Packers', 'Chicago Bears'));

就我而言，我将 Bloodhound 与预取一起使用，我想建议预取返回的前几个选项。

编辑：我想展示的是服务器返回的前几个项目。服务器将负责显示它们的顺序。所以在上面的例子中，如果 data/nfl.json 包含：

[
{ "team": "San Francisco 49ers" },
{ "team": "Chicago Bears" },
{ "team": "Cincinnati Bengals" },
{ "team": "Buffalo Bills" },
{ "team": "Denver Broncos" },
{ "team": "Cleveland Browns" },
...

我只会展示第一批球队是什么。显示的团队数量可能是一个参数。

我该怎么做？

Answer 1

例如，您希望默认显示 2 个前一项

function nflTeamsWithDefaults(q, sync) {
    if (q === '') {
        sync(nflTeams.all().slice(0, 2)); // slice(start,end)
    }
    else {
        nflTeams.search(q, sync);
    }
}