我正在使用带有远程 API 的 Bloodhound,我需要转换从远程 API 返回的结果。
API URL 是 https://www.googleapis.com/books/v1/volumes?q=quilting,它返回一个带有 items
属性的对象,该对象是一个列表。我需要将该列表返回给 Typeahead,而不是顶级对象。
Bloodhound 文档说 there is a transform
function that is supposed to do this ,但我无法让它工作。
这是我的代码:
var books = new Bloodhound({
datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.num); },
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: 'https://www.googleapis.com/books/v1/volumes?q=quilting'
},
transform: function(response) {
console.log('transform', response);
return response.items;
}
});
books.initialize();
// instantiate the typeahead UI
$('#myTextBox').typeahead(null, {
displayKey: function(suggestion) {
console.log('suggestion', suggestion);
return suggestion.volumeInfo.title + suggestion.volumeInfo.publishedDate;
},
source: numbers.ttAdapter()
});
还有一个 JSFIddle:http://jsfiddle.net/2Cres/46/
这不起作用,因为我需要将
items
列表输入到预先输入的 UI 中,但这似乎没有发生。 最佳答案
尝试在远程选项中移动变换,如下所示:
remote {
url:"fdsfds",
transform: function (response){...}
}
关于javascript - Bloodhound.js : Transform the data returned by a remote source?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29895014/