Typeahead.js dammi suggerimenti ma non li seleziona

Question

Sto usando Bootstrap 3.0 e l'ultima versione di TypeAhead.js con il motore Hogan.Sono riuscito a ottenere il carico remoto dei suggerimenti per lavorare (infine).Ora il prossimo ostacolo è quando un utente fa clic su un suggerimento, come faccio a farlo la parola riempita nell'input?Pensavo che questo probabilmente fosse fatto automaticamente ma non per qualche motivo?È solo una linea base di JS che mi manca?

L'ingresso:

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

.

Questo è il JS:

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

.

Una cosa devo menzionare, tutto è dentro un modale.Forse questo cambia la situazione?Grazie in anticipo!

Answer 1

Questo succede quando Typeahead non sa quali dati vuoi compilare come valore.Assicurati che JSON abbia una proprietà "Value" o modificarla con ValueKey

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

.