Come utilizzare le opzioni typeahead nei tag Bootstrap Input

Question

Sto utilizzando Bootstrap tags input con typeahead e mi chiedevo come impostare le opzioni predefinite su typeaheadjs. Nel examples ho visto qualcosa di simile:

var input = $('input'); 
input.tagsinput({ 
    itemValue: 'value', 
    itemText: 'text', 
    typeaheadjs: { 
     name: 'engine', 
     displayKey: 'text', 
     source: engine.ttAdapter() 
} 

Qui, typeaheadjs rappresentano un insieme di dati, ma come posso aggiungere le opzioni di base come suggerimento, culminante, minLength?

Answer 1

È possibile aggiungere typeaheadjs come array di oggetti. Le prime opzioni dell'oggetto e la seconda serie di dati

typeaheadjs: [{Opzioni}, {} set di dati]

Qualcosa del genere dovrebbe fare.

$('input').tagsinput({ 
    typeaheadjs: [{ 
      minLength: 3, 
      highlight: true 
    },{ 
     minlength: 3, 
     name: 'citynames', 
     displayKey: 'name', 
     valueKey: 'name', 
     source: citynames.ttAdapter() 
    }], 
    freeInput: true 
}); 

Qui è una speranza DEMO

questo aiuta.