Bootstrap typeahead не работает с ng-model

Question

У меня есть текстовое поле, указывающее Национальность. Для этого я использую Bootstrap typeahead.

<input type="text" class="form-control" ng-model="nationality" placeholder="Enter Country" data-provide="typeahead" data-items="5" autocomplete="off" data-source='["Afghanistan","Australia","Bangladesh", 
"Brazil","Britan","Canada","China","Denmark","Egypt","France", 
"Germany","India","Indonesia","Iran","Iraq", 
"Isrel","Italy","Japan","Nepal","Pakistan","Sri Lanka", 
"United States","New Zealand","South Africa","Russia","South Korea","Sapin","Chilie","Sweeden"]'> 

Я отправляю данные модели ng на контроллер, как и любые другие данные текстового поля. Всплывающее окно подходит для выбора страны, но название страны не является обязательным для ng-модели. Символы, которые я набираю, образуют клавиатуру.

Например: Если я набираю In, я могу выбрать Индию, но только In связывается с ng-model.

Answer 1

Попробуйте как этот

<input type="text" class="form-control" ng-model="nationality" placeholder="Enter Country" id="country" data-provide="typeahead" data-items="5" autocomplete="off"> 

и Js части

<script> 

    var data = ["Afghanistan","Australia","Bangladesh", 
    "Brazil","Britan","Canada","China","Denmark","Egypt","France", 
    "Germany","India","Indonesia","Iran","Iraq", 
    "Isrel","Italy","Japan","Nepal","Pakistan","Sri Lanka", 
    "United States","New Zealand","South Africa","Russia","South Korea","Sapin","Chilie","Sweeden"]; 
    $('#country').typeahead({source: data}) 

</script> 

машинописный работает example.