bootstrap typeahead 顯示沒有結果

Question

我正在嘗試為我的電子郵件字段使用預先輸入，因此當管理員搜索電子郵件地址時，會向他們顯示選項。 很基本。 我的源是從 php BE 加載的，它從 mysql 收集數據。

所以我有一個輸入標簽：

<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

我發現了問題。 我今天剛下載這個，見發布日期。 與文檔頁面上指定的內容相反，用於更改您正在查找的參數名稱的參數不是“display”而是“displayField”。

他們可能與他們的文檔不同步......

希望這篇文章能幫助其他人不要因為這個而浪費時間......

所以這里是應該在我的情況下使用的正確語法：

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