javascript - bootstrap typeahead 显示没有结果

Question

我正在尝试为我的电子邮件字段使用预先输入，因此当管理员搜索电子邮件地址时，会向他们显示选项。很基本。我的源代码是从一个从 mysql 收集数据的 php BE 加载的。

所以我有一个输入标签:

<input type="text" name="userEmail" id="email" value="" class="form-control" />

在我的文档就绪函数中，我有:

$('#email').typeahead({
    ajax: {
        triggerLength: 3,
        url: '/user/findBootstrap'
    },
    display: 'email'
});

当我输入:“gbo”时，我的 php BE 返回一个类似于此的 json:

[{"id":"94","email":"gboitr@server.com"},{"id":"142","email":"gbotyp@stingray-music.com"},{"id":"193","email":"gboychuk@server.com"}]

我通过查看控制台确认我收到了数据。 Typeahead 不会显示任何选项，不管我输入什么。库加载正常(状态 200)，我没有收到任何 JS 错误

Answer 1

我发现了问题。我今天刚下载这个，看发布日期。与 documentation page 上的规定相反更改您要查找的参数名称的参数不是“display”而是“displayField”。

他们可能与他们的文档不同步......

希望这篇文章能帮助其他人不要浪费时间...

所以这是在我的案例中应该使用的正确语法:

$('#email').typeahead({
    ajax: {
        triggerLength: 3,
        url: '/user/findBootstrap'
    },
    displayField: 'email' // NOT "display"!!!!!
});