Z bootstrap-3-wpisywanie znaków z wyprzedzeniem Myślę, że nie można użyć właściwości szablonu. W takim przypadku lepiej jest użyć zakreślacza z wyróżnieniem. Przykład:
$('#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);
});
}
}
)
Możesz więc zbudować szablon HTML, który się wyświetli.
Jeśli chcesz zachować funkcję podświetlenia, należy użyć tego wyrażenia regularnego
var name = parts[1].replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
return '<strong>' + match + '</strong>'
});
i
html += '<div class="text-left">' + name + '</div>';