bootstrap typeahead显示没有结果

Question

我想为我的电子邮件字段使用typeahead，因此当管理员搜索电子邮件地址时，选项会显示给他们。很基本。我的源代码是从一个从BEA收集其数据的MySQL加载的。

所以我有一个输入标签：

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

在我的文档准备功能，我有：

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

当我键入：“全球生物多样性展望”我的PHP BE返回一个JSON与此类似：

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

我确认我在控制台上通过lookintg接收数据。 Typeahead不会显示任何选项，我输入的内容。该lib正在加载罚款（状态200），我得到没有JS错误

Answer 1

我发现这个问题。我只是今天下载，请参阅发布日期。与documentation page中指定的内容相反，用于更改要查找的参数名称的参数不是“display”，而是“displayField”。

他们很可能是与他们的文档同步...

希望这篇文章可以帮助别人不会失去他们的这个时候...

因此，这里是正确的语法，应该是用于我的情况：

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