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

我在Hogan引擎中使用Bootstrap 3.0和最新版本的Typeahead.js。我设法使建议的远程加载有效（最终）。现在，下一个障碍是用户单击建议时，如何使单词填入输入中？我以为这可能是自动完成的，但是出于某种原因呢？这只是我所缺少的JS基本行吗？

输入：

<input class="form-control typeahead playername-search">

这是JS：

$(document).ready(function() {
     $('.playername-search').typeahead({
          name: "playername-search",
          remote: 'http://xxxx/%QUERY',
          template: '<p><strong>{{short_name}}</strong> – {{rating}}</p>',
          engine: Hogan
     });
});

我不得不提到的一件事，一切都在模态内。也许那会改变情况？提前致谢！

最佳答案

当预输入不知道您要填充哪些数据作为值时，就会发生这种情况。确保JSON具有“值”属性，或使用valueKey对其进行更改

 $('.playername-search').typeahead({
      name: "playername-search",
      valueKey: "short_name",
      remote: 'http://xxxx/%QUERY',
      template: '<p><strong>{{short_name}}</strong> – {{rating}}</p>',
      engine: Hogan
 });