Typeahead.js确实给了我建议,但没有选择它们

我正在使用Bootstrap 3.0和最新版本的Typeahead.js和Hogan引擎。 我设法让远程加载建议工作(最后)。 现在下一个障碍是当用户点击建议时,如何在输入中填写单词? 我认为这可能是自动完成的,但不是出于某种原因? 这只是JS的一个基本路线我错过了吗?

输入:

 

这是JS:

 $(document).ready(function() { $('.playername-search').typeahead({ name: "playername-search", remote: 'http://xxxx/%QUERY', template: '

{{short_name}} – {{rating}}

', engine: Hogan }); });

有一件事我不得不提,一切都在一个模态中。 也许这会改变这种情况? 提前致谢!

当typeahead不知道您要作为值填写哪些数据时会发生这种情况。 确保JSON具有“value”属性,或使用valueKey更改它

  $('.playername-search').typeahead({ name: "playername-search", valueKey: "short_name", remote: 'http://xxxx/%QUERY', template: '

{{short_name}} – {{rating}}

', engine: Hogan });