Warum sind die Tippvorschläge nicht definiert?

Question

Hoffentlich ist dies nicht ein Duplikat: Why does bloodhound.get() return undefined?

Ich habe ein Upgrade auf typeahead.js Version 0.10.0. Frühere Versionen haben die Vorschläge ordnungsgemäß zurückgegeben. Jetzt bin ich eine undefined Rückkehr mit dem folgenden Code bekommen:

// 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() 
    }); 

Hier ist meine Geige: http://jsfiddle.net/ucUcn/6/

Irgendwelche Ideen, warum dies geschieht?

Answer 1

Das Array local muss Objekte enthalten, keine Strings selbst.

// 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 mit oben fix:

JsFiddle

Answer 2

@Chad Wie gesagt, ist das Ergebnis Array muss Objekte enthält.

Ich wollte nur, dass die den Vorschlag value ist

So könnte man so etwas tun, um anzuzeigen verwendete Standardwert hinzufügen

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