Typeahead自动完成：使用模板

Question

我在玩typeahead，我无法得到一个简单的概念验证工作。

http://jsfiddle.net/LHeYy/

在下面我的代码基本上我试图建立使用2个字段的自动完成。疯狂的事情是，我可以自动完成一年（价值领域），但不是关键领域。有没有人有任何线索为什么？

$('#inputBox').typeahead([ 
{ 
    name: 'best-picture-winners', 
    local: [{key: 'some key', value:2014}, {key: 'some key 2', value:2015}, {key: 'some key4', value:2016}], 
    template: '<p><strong>{{key}} {{value}}</strong></p>', 
    engine: Hogan, 
    valueKey: 'value' 
} 
]); 

Answer 1

默认情况下，它仅针对value属性进行自动完成。如果您想要检查其他值，请设置一个tokens属性，该属性包含一个单词标记数组。

见https://github.com/twitter/typeahead.js#datum

这里是你的小提琴，更新：http://jsfiddle.net/LHeYy/1/

$('#inputBox').typeahead([ 
{ 
    name: 'best-picture-winners', 
    local: [ 
     {key: 'some key', value: 2014, tokens: ['some', 'key']}, 
     {key: 'some key 2', value: 2015, tokens: ['some', 'key', '2']}, 
     {key: 'some key4', value: 2016, tokens: ['some', 'key4']} 
    ], 
    template: '<p><strong>{{key}} {{value}}</strong></p>', 
    engine: Hogan, 
    valueKey: 'value' 
} 
]);