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"!!!!! 
});