boostrap标签输入+打字，因为源代码不起作用

Question

var engine = new Bloodhound({
remote: {
url: 'http://mockie.dev/blog/tag/autocomplete?keyword=%QUERY%',
wildcard: '%QUERY%'
},
datumTokenizer: Bloodhound.tokenizers.whitespace('title'),
queryTokenizer: Bloodhound.tokenizers.whitespace
});
$(".typeahead").tagsinput({
typeahead: {
source: engine.ttAdapter()
}
});

json返回源：

[{"id":3,"user_id":1,"title":"Book Review 1","slug":"book-review","meta_keyword":null,"body":"book review","meta_description":null,"created_at":"2017-02-01 18:39:46","updated_at":"2017-02-05 13:26:05","article_counter":0}]

以下是我使用的js文件：https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/blob/master/src/bootstrap-tagsinput.js以及最新的https://github.com/twitter/typeahead.js

这就是我所知道的，代码只适用于typeahead，但当我使用tagsinput并使用typeahead作为源代码时，它就不起作用了。从早上开始，我就一直在努力解决这个问题，我试着用boostrap打字，打字，猎犬。但由于他们都没有好的文档，"问题"部分似乎没有人在github上回答他们，所以未能成功。

我也读过这个http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/(打印头部分)但我不知道该怎么做。

Answer 1

尝试将typeaheadjs作为源对象，而不是

$(".typeahead").tagsinput({
typeaheadjs: {
source: engine.ttAdapter()
}
});

Answer 2

您应该在标记输入之前初始化引擎对象

var engine = new Bloodhound({
remote: {
url: 'http://mockie.dev/blog/tag/autocomplete?keyword=%QUERY%',
wildcard: '%QUERY%'
},
datumTokenizer: Bloodhound.tokenizers.whitespace('title'),
queryTokenizer: Bloodhound.tokenizers.whitespace
});
engine.initialize()
$(".typeahead").tagsinput({
typeahead: {
source: engine.ttAdapter()
}
});