无法查看Typeahead/Bloodhound的所有匹配结果

Question

在公司搜索时，我使用的是Type预报/Bloodhoud，而且autocomplete部分显示的匹配不够。

​

​

我应该看到至少5个结果，因为限制是5。

​

​

打字机JS

companies = new Bloodhound({
    datumTokenizer: function(d) {
        return Bloodhound.tokenizers.nonword(d.id);
    },
    queryTokenizer: Bloodhound.tokenizers.nonword,
    remote: 'access/companies?q=%QUERY'
});
companies.initialize();
$('#companySearch').typeahead({
    highlight: true,
    source: companies.ttAdapter(),
    updater: selectCompany
});

如何确保我的所有结果都如预期的那样出现？我一直在挖掘文档/源代码，寻找我一定忽略了的选项，并且一直在努力想出任何选项。

Answer 1

在这种情况下，我只是想使用Type预报作为我的引导样式的自动完成菜单。这意味着我不想让JS来做任何匹配结果的逻辑。有一个无文档的配置设置(在本文发布时)，您可以使用它名为matcher，它允许您定制typeahead的结果。我只是重写了它，这样它就返回了所有的结果。

$('#companySearch').typeahead({
    highlight: true,
    minLength: 1,
    source: companies.ttAdapter(),
    updater: selectCompany,
    matcher: function (t) {
        return t;
    }
});

Answer 2

您需要在“提前”调用中添加一个“displayKey”。

在你的情况下，显示键应该是“名字”。

就像这样：

// instantiate the typeahead UI
$( '#companySearch').typeahead(null, {
  displayKey: 'name',
  source: companies.ttAdapter()
});