Typeahead.js / Bloodhound exibe apenas um resultado [duplicado]
Esta pergunta já tem uma resposta aqui:
TypeAhead.js e Bloodhound mostrando um número ímpar de resultados 4 respostasMeu Typeahead.js / Bloodhound (0.11.1) não funciona como esperado. Fora da longa lista de resultados do json fornecidos, apenas alguns são exibidos como sugestões.
Por exemplo, se eu digitarlos
no meu campo, eu recebo apenasLostorf
e nada mais, quando houver 4 itens selecionáveis exibidos.
Este é o meu código:
HTML
<div id="remote">
<input class="typeahead" type="text">
</div>
JS
var searchablePlaces = new Bloodhound({
datumTokenizer : Bloodhound.tokenizers.obj.whitespace("term"),
queryTokenizer : Bloodhound.tokenizers.whitespace,
remote : {
url : 'http://www.example.com/autocomplete/%QUERY/',
wildcard : '%QUERY',
filter : function(response) { return response.data.results; }
},
limit : 10
});
searchablePlaces.initialize();
$('#remote .typeahead').typeahead(
{
hint : true,
highlight : true,
minLength : 2
},
{
name : 'searchable-places',
displayKey : "term",
source : searchablePlaces.ttAdapter()
})
Json
{
"data": {
"query": "los",
"count": 4,
"results": {
"1": {
"term": "Losanna"
},
"2": {
"term": "Losone"
},
"3": {
"term": "Lostallo"
},
"4": {
"term": "Lostorf"
}
}
}
}
Você vê algo errado? Obrigado!