Why are the tokens not working? I expect 'Inkoopverenigingen' to be suggested when typing 'east', 'home', or 'trap'.
json:
[
{
"value": "Inkoopverenigingen",
"tokens": [
"inkoopverenigingen",
"inwoopverenigingen",
"east",
"home",
"trap"
]
},
{
"value": "Aannemers - Afbraakwerken",
"tokens": [
"West",
"Side",
"Story"
]
},
{
"value": "Affichageondernemingen",
"tokens": [
"West",
"Side",
"Story"
]
},
{
"value": "Aanwervingsbureaus",
"tokens": [
"West",
"Side",
"Story"
]
}
]
javascript:
var engine = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
limit: 15,
prefetch: 'data/typeahead/what.json',
remote: 'data/typeahead/queries/%QUERY.json'
});
engine.initialize();
engine.clearPrefetchCache();
var template_source = $("#entry-template-what").html();
$('.test .typeahead-what').typeahead({
hint: true,
highlight: true,
minLength: 1
},
{
name: 'what',
displayKey: 'value',
source: engine.ttAdapter(),
templates: {
empty: no_results,
suggestion: Handlebars.compile(template_source)
}
}
);
html:
<div class="test">
<input type="text" class="typeahead-what form-control" id="section" name="section">
</div>
html template:
<script id="entry-template-what" type="text/x-handlebars-template">
<div>
<strong>{{value}}</strong>
<div class="controls pull-right">
<span class="glyphicon glyphicon-plus"></span>
<span class="glyphicon glyphicon-minus"></span>
</div>
</div>