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模型数据到控制器像任何其他文本框数据。 Pop up即将选择国家，但国名不与ng-model绑定。我键入的字符是键盘。

例如- 如果输入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。