Question

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

在下面的代码中，我基本上尝试使用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'
}
]);

Typeahead自动完成：使用模板

1 个答案: