Javascript Typeahead：如何将数据列表划分为3个不同的部分？[类似于多数据集]

我正在使用typeahead.js，用户可以通过名称、专业或任何其他关键字进行搜索。现在我想用三个不同的字段填充数据。我有三个字段 1.人， 2.特殊性 3.公园。 信息用户类型应显示在这三个不同的部分中 如MULTIDATASET中所示

var nbaTeams=新猎犬({
datumTokenizer:Bloodhound.tokenizers.obj.whitespace（'team'），
queryTokenizer:猎犬，标记，空白，
预回迁：“../data/nba.json”
});
var nhlTeams=新猎犬({
datumTokenizer:Bloodhound.tokenizers.obj.whitespace（'team'），
queryTokenizer:猎犬，标记，空白，
预取：“../data/nhl.json”
});
$（'#多个数据集.typeahead'）。typeahead({
推荐理由：没错
},
{
名称：“nba球队”，
显示：“团队”，
资料来源：nbaTeams，
模板：{
标题：“NBA球队”
}
},
{
名称：“nhl团队”，
显示：“团队”，
资料来源：nhlTeams，
模板：{
标题：“NHL团队”
}
});
用
远程
替换
.typeahead
以发出请求<代码>建议

选项位于

。提前键入

以设置在

html

中呈现的结果。另见

模板：{
建议：函数（数据）{//从`猎犬'返回数据`
控制台日志（数据）；
返回“
”+数据。结果[0]+“
”
+“
”+数据。结果[1]+“
”
+“
”+数据。结果[2]+“
”
}
}

用

远程

替换

.typeahead

以发出请求<代码>建议选项位于

。提前键入

以设置在

html

中呈现的结果。另见

模板：{
建议：函数（数据）{//从`猎犬'返回数据`
控制台日志（数据）；
返回“
”+数据。结果[0]+“
”
+“
”+数据。结果[1]+“
”
+“
”+数据。结果[2]+“
”
}
}

您好，首先感谢您的回答，理解这一点让我有点困惑。正如我所说的，数据是以对象对象的形式来自服务器的。你有没有可能为了更清楚的理解而做一把小提琴https://jsfiddle.net/9gbp5jd5/ . 尝试键入“devloper”或“project”。注意，您也可以使用substringMatcher`函数，而无需使用。提前键入谢谢您的帮助，我正在接近我的解决方案，我的问题是，我们是否可以在一个类别下列出set-1名称，在一个类别中列出set-2名称，并在上面提到标题，例如：-所有公园都属于一个类别，即set-1，所有食物都属于类别2，即set-2，我们可以编写javascript吗？注意：这一切都应该发生在下拉列表中，如这里所示嗨，首先感谢你的回答，我理解这一点有点困惑。正如我所说的，数据是以对象对象的形式来自服务器的。你有没有可能为了更清楚的理解而做一把小提琴https://jsfiddle.net/9gbp5jd5/ . 尝试键入“devloper”或“project”。注意，您也可以使用substringMatcher`函数，而无需使用。提前键入谢谢您的帮助，我正在接近我的解决方案，我的问题是，我们是否可以在一个类别下列出set-1名称，在一个类别中列出set-2名称，并在上面提到标题，例如：-所有公园都属于一个类别，即set-1，所有食物都属于类别2，即set-2，我们可以编写javascript吗？注意：这一切都应该发生在下拉列表中，如图所示

    templates: {
        suggestion: function(data) { // data return from `Bloodhound`
             console.log(data);
             return "<ul><li>" + data.result[0] + "<li>"
                    + "<li>" + data.result[1] + "<li>"
                    + "<li>" + data.result[2] + "<li></ul>"
        }
    }