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