Typeahead.js / Bloodhound показывает только один результат
Мой Typeahead.js / Bloodhound (0.11.1) не работает должным образом. Из длинного списка предоставленных результатов JSON только некоторые отображаются в качестве предложений.
Например, если я наберу los
в своей области я получаю только Lostorf
и ничего больше, когда должно отображаться 4 выбираемых элемента.
Это мой код:
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"
}
}
}
}
Вы видите что-то не так? Спасибо!
1 ответ
Это должно подтвердить, что проблема вызвана этой ошибкой typehaead: https://github.com/twitter/typeahead.js/issues/1218
Как предложил joekur в отчете о проблеме, я решил заменить это:
rendered += suggestions.length;
that._append(query, suggestions.slice(0, that.limit - rendered));
С этим:
suggestions = suggestions.slice(0, that.limit - rendered);
rendered += suggestions.length;
that._append(query, suggestions);
Я отметил свой собственный вопрос как дубликат этого: TypeAhead.js и Bloodhound показывают нечетное количество результатов. Это та же проблема, я просто не могу найти ее раньше из-за разных формулировок
НТН.