Javascript Typehead.js返回不需要的值
我很高兴整个事情都能顺利进行,但还有最后一个bug。当我在过滤列表上单击/悬停时,搜索区域中的值显示一个对象,而不是所选值Javascript Typehead.js返回不需要的值,javascript,twitter-bootstrap,typeahead.js,Javascript,Twitter Bootstrap,Typeahead.js,我很高兴整个事情都能顺利进行,但还有最后一个bug。当我在过滤列表上单击/悬停时,搜索区域中的值显示一个对象,而不是所选值 $('#searchbox').typeahead({ limit: 10, minLength: 3, remote: { url: '/typeahead?s=%QUERY', filter: function(parsedResponse) { return _.map(parsedRespon
$('#searchbox').typeahead({
limit: 10,
minLength: 3,
remote: {
url: '/typeahead?s=%QUERY',
filter: function(parsedResponse) {
return _.map(parsedResponse, function(res){
return {
value: res, /// I need this object for further functions, but I don't want this to be displayed in the searchbox....
}
});
}
},
template: function (data) {
return '<p>'+data.value.name+'</p>';
}
});
根据,模板是散列,而不是函数。更具体地说,数据集可以支持不同类型的模板。您正在寻找的是建议模板
苏。。。您的看涨期权对象看起来像这样未经测试:
$('#searchbox').typeahead({
limit: 10,
minLength: 3,
remote: {
url: '/typeahead?s=%QUERY',
// ..filter and other stuff ..
template: {
// Modifies what's displayed in the suggestion list
suggestion: function (data) {
return '<p>'+data.value.name+'</p>';
}
},
// Modifies what's displayed in the input after a suggestion is selected
displayKey: function(data) {
return data.value.name;
}
});
根据文档,模板是散列,而不是函数。THx是答案,但我必须改变什么?THx是答案,但搜索框仍然显示[object object],我知道这要晚很多,但这是对您最初提问的部分误解。建议模板仅处理建议列表。您还需要使用“显示”选项。我将编辑以包括。