typeAhead Autocomplete funktioniert nicht

Question

Ich bin neu in typeahead. Ich bekomme die json Daten von Remote und es im Netzwerk angezeigt. Das Problem ist, dass die zurückgegebenen Daten im Textfeld nicht automatisch vervollständigt werden. Unten ist mein Code

Stil und Script Gebrauchte

<link href="{{ asset('css/bootstrap-tagsinput.css') }}" rel="stylesheet" type="text/css" /> 
<link href="{{ asset('css/bootstrap-tagsinput-typeahead.css') }}" rel="stylesheet" type="text/css" /> 

<script src="{{ asset('js/bootstrap-tagsinput.min.js') }}" type="text/javascript"></script> 
<script src="{{ asset('js/handlebars.min.js') }}" type="text/javascript"></script> 
<script src="{{ asset('js/typeahead.bundle.min.js') }}" type="text/javascript"></script> 

Textbox

<input type="text" name="language" placeholder="Language" id="typeahead_lang" class="tagsinput-typeahead"/> 

Script

<script> 
$(document).ready(function() { 


var cities = new Bloodhound({ 
    datumTokenizer : Bloodhound.tokenizers.obj.whitespace('text'), 
    queryTokenizer : Bloodhound.tokenizers.whitespace,  
    remote: { 
    url: '{{ route("admin.packagelanguage") }}', 

    } 
}); 

cities.initialize(); 

var elt = $('#typeahead_lang'); 
    elt.tagsinput({ 
    itemValue: 'value', 
    itemText: 'text', 
    typeaheadjs: { 
     name: 'cities', 
     displayKey: 'text', 
     source: cities.ttAdapter() 
    } 
    }); 
}); 


</script> 

Json Returned Daten

[{text: 'English', value:'1' },{text: 'Afar', value:'2' },{text: 'Abkhazian', value:'3' },{text: 'Afrikaans', value:'4' },{text: 'Amharic', value:'5' }] 

Ich verwende Laravel Rahmen. Wie Autocomplete die zurückgegebenen Daten in diesem Textfeld. Bitte hilf mir.

Answer 1

Ein bisschen spät, aber dieser Code funktioniert für mich.

var elt = $('#elt'); 
elt.tagsinput({ 

    itemValue: 'value', 
    itemText: 'text', 
    typeaheadjs: [{ 
    hint: true, 
    highlight: true, 
    minLength: 2 
    },{ 
    name: 'cities', 
    displayKey: 'text', 
    source: cities.ttAdapter() 
    } 
    ] 
});