default-suggestions.html

<div id="default-suggestions">
  <input class="typeahead" type="text" placeholder="NFL Teams">
</div>

default-suggestions.js

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
});

这是一个错误的例子，this is error code

let suggestion_source = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: [
'Red','Blood Red','White','Blue','Yellow','Green','Black','Pink','Orange'
],
remote: {
url: "/query?key=%QUERY",
wildcard: "%QUERY",
transform: function (response) {
return response;
}
}
});
# async args not null
function nflTeamsWithDefaults(q, sync, async) {
if (q === '') {
sync(suggestion_source.local);
} else {
suggestion_source.search(q, sync, async);
}
}

$(`#the-basics${id} .typeahead`).typeahead(
    {highlight: true, minLength: 0},
    {source: nflTeamsWithDefaults}
);

let suggestion_source = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.whitespace,
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        local: [
            'Red','Blood Red','White','Blue','Yellow','Green','Black','Pink','Orange'
        ],
        remote: {
            url: "/query?key=%QUERY",
            wildcard: "%QUERY",
            transform: function (response) {
                return response;
            }
        }
    });
    # async args not null
    function nflTeamsWithDefaults(q, sync, async) {
        if (q === '') {
            sync(suggestion_source.local);
        } else {
            suggestion_source.search(q, sync, async);
        }
    }

    $('#the-basics .typeahead').typeahead(
        {highlight: true, minLength: 0},
        {source: nflTeamsWithDefaults}
    );