Почему предложения typeahead не определены?

Question

Надеюсь, это не дубликат: Why does bloodhound.get() return undefined?

я повышен до typeahead.js версии 0.10.0. Предыдущие версии вернули предложения правильно. Теперь я получаю undefined возвращение с кода ниже:

// instantiate the bloodhound suggestion engine 
var engine = new Bloodhound({ 
    datumTokenizer: function (d) { return [d]; }, 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    local: ["(A)labama", "Alaska", "Arizona", "Arkansas"] 
}); 

// initialize the bloodhound suggestion engine 
engine.initialize(); 

$('#typeahead').typeahead(null, { 
     source: engine.ttAdapter() 
    }); 

Вот моя скрипка: http://jsfiddle.net/ucUcn/6/

Любые идеи, почему это происходит?

Answer 1

Массив local должен содержать объекты, а не сами строки.

// instantiate the bloodhound suggestion engine 
 
var engine = new Bloodhound({ 
 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('d'), 
 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
 
    local: [{ 
 
    d: "(A)labama" 
 
    }, { 
 
    d: "Alaska" 
 
    }, { 
 
    d: "Arizona" 
 
    }, { 
 
    d: "Arkansas" 
 
    }] 
 
}); 
 

 
// initialize the bloodhound suggestion engine 
 
engine.initialize(); 
 

 
$('#typeahead').typeahead(null, { 
 
    displayKey: 'd', 
 
    source: engine.ttAdapter() 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script> 
 
<input id="typeahead" />

Fiddle с выше исправления:

JsFiddle

Answer 2

Как сказал @Chad массив результат должен содержит объекты.

Я только хотел бы добавить, что значение по умолчанию, используемое для отображения предложения является value

Так что вы могли бы сделать что-то вроде

var suggestionEngine = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
     url: "myUrl", 
     filter: function (suggestions) { 
      var mappedResult = $.map(suggestions[1], function(suggestion) { 
       return { value : suggestion } 
      }); 

      return mappedResult; 
     } 
    } 
});