Timeahead.js me donne des suggestions mais ne les sélectionne pas

Question

J'utilise bootstrap 3.0 et la dernière version de Timeeadhead.js avec le moteur Hogan.J'ai réussi à obtenir le chargement à distance des suggestions pour travailler (enfin).Maintenant, le prochain obstacle est quand un utilisateur clique sur une suggestion, comment puis-je faire que le mot rempli de l'entrée?Je pensais que c'était probablement fait automatiquement mais cela ne fait pas pour une raison quelconque?Est-ce juste une ligne de base de JS qui me manque?

L'entrée:

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

Ceci est le JS:

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

Une chose que je dois mentionner, tout est à l'intérieur d'un modal.Peut-être que cela change la situation?Merci d'avance!

Answer 1

Cela se produit lorsque Timeahead ne sait pas quelles données vous souhaitez remplir en tant que valeur.Assurez-vous que JSON a la propriété de «valeur» ou le modifier avec Vaut-ValueKey

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