jquery - 预输入自动完成：使用模板

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