使用JSON事先鍵入的內容警犬自動完成着工作對象

Question

拼命試圖弄清楚爲什麼自動完成不JSON的對象

(function($){ 

    let $country = $('#country'); 

    let countries = new Bloodhound({ 
     datumTokenizer: Bloodhound.tokenizers.whitespace, 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     prefetch: '../../data/countries.json' 
    }); 

    $country.typeahead({ 
     name: 'countries', 
     hint: true, 
     highlight: true, 
     minLength: 1 
    },{ 
     source: countries, 
     templates: { 
      empty: ['No data'].join('\n'), 
      suggestion: { 
       function (data) { 
        return '<ul><li>'+data.name+'</li></ul>'; 
       } 
      } 
     } 
    }); 

}(jQuery)); 

一切都與類似json的工作[「物品1」，「ITEM2」，「項目3」] 但沒有[{「name」：「item1」}，{「name」：「item2」}，{「name」：「item3」}]

我的json是正確的，我甚至試圖使用這一個： http://twitter.github.io/typeahead.js/data/nba.json

當使用關聯數組時總是得到「無數據」。

也試過這樣：

prefetch: { 
      url: '../../data/countries.json', 
      filter: function(list) { 
       return $.map(list, function(item) { 
        return { 
         name: item.name, 
         code: item.code 
        }; 
       }); 
      } 
     } 

數據預取是，但仍然沒有建議。

當然，在每次編輯之後，我都清理本地存儲。

使用把手

name: 'countries', 
     source: countries, 
     display: 'name', 
     templates: { 
      empty: ['No data'].join('\n'), 
      suggestion: Handlebars.compile('<p><strong>{{name}}</strong></p>') 
     } 

Answer 1

好了，所以我figureout它，還不能確定也試過爲什麼...

datumTokenizer: function (d) { return Bloodhound.tokenizers.whitespace(d.name); } 

而不是

datumTokenizer: Bloodhound.tokenizers.whitespace 

所以完整的工作代碼

(function($){ 

    let $country = $('#country'); 

    let countries = new Bloodhound({ 
     datumTokenizer: function (d) { return Bloodhound.tokenizers.whitespace(d.name); }, 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     prefetch: { 
      url: '../../data/countries.json', 
      filter: function(list) { 
       return $.map(list, function(item) { 
        return { 
         name: item.name, 
         code: item.code 
        }; 
       }); 
      }, 
      cache: true 
     } 
    }); 

    $country.typeahead({ 
     name: 'countries', 
     hint: true, 
     highlight: true, 
     minLength: 1 
    },{ 
     source: countries, 
     display: function(data) { return data.name }, 
     templates: { 
      empty: ['No data'].join('\n'), 
      suggestion: function (data) { 
       return '<ul><li>'+data.name+'</li></ul>'; 
      } 
     } 
    }); 

}(jQuery));