我写了以下代码：
$('#pretraga').typeahead({
hint: true,highlight: true,minLength: 2
},{
name: 'kategorije',displayKey: 'value',// `ttAdapter` wraps the suggestion engine in an adapter that
// is compatible with the typeahead jQuery plugin
source: kategorije.ttAdapter()
});
先感谢您
解决方法
使用bootstrap-3-typeahead我认为你不能使用template属性.在这种情况下最好使用荧光笔.例：
$('#employees').typeahead({
Highlighter: function (item) {
var parts = item.split('#'),html = '<div class="typeahead">';
html += '<div class="pull-left margin-small">';
html += '<div class="text-left"><strong>' + parts[0] + '</strong></div>';
html += '<div class="text-left">' + parts[1] + '</div>';
html += '</div>';
html += '<div class="clearfix"></div>';
html += '</div>';
return html;
},source: function (query,process) {
var employees = [];
return $.post('employee/search',{ query: '%' + query + '%' },function (data) {
// Loop through and push to the array
$.each(data,function (i,e) {
employees.push(e.name + "#" + e.number);
});
// Process the details
process(employees);
});
}
}
)
因此,您可以构建显示的html模板.
var name = parts[1].replace(new RegExp('(' + query + ')','ig'),function ($1,match) {
return '<strong>' + match + '</strong>'
});
和
html += '<div class="text-left">' + name + '</div>';