Javascript angularjs和bootstrap中的下拉加输入文本

我想有一个单独的字段作为下拉列表，也作为输入文本字段，用户可以从下拉列表中选择值或输入文本

我发现了一些类似的东西，下面是相同的代码片段

<input type="text" name="city" list="cityname">
<datalist id="cityname">
  <option value="Boston">
  <option value="Cambridge">
</datalist>

如何在angular中使用datalist并从RESTAPI调用中获取选项

---

请参阅下面的链接，了解datalist plain的工作模式-->

您是否尝试在表单标签上使用

ng submit

例如：

<form ng-submit="submit()">

用于从服务器获取选项列表，然后使用on

option

元素填充模板中的选项列表。请参见下面的示例：

（函数（角度）{
"严格使用",；
angular.module（“演示”，[]）
.service（'CountriesService'，['$http'，函数CountriesService（$http）{
var countriesService=此；
var countriesResult=null；
countriesService.getCountries=getCountries；
职能（国家）{
如果（！countriesResult）{
countriesResult=$http({
方法：“GET”，
url:“//restcountries.eu/rest/v2/all”
}).然后（功能（res）{
返回res.data；
});
}
返回国结果；
}
返回国服务；
}])
.controller（'Demo'，['CountriesService'，函数Demo（CountriesService）{
var vm=这个；
vm.$onInit=onInit；
vm.countryChanged=countryChanged；
函数onInit（）{
CountriesService.getCountries（）.then（函数（res）{
vm.countries=res；
});
}
功能国家/地区已更改（已选择国家/地区）{
console.log（选择的国家/地区）；
}
}]);
})（角度）



{{vm.selectedCountry}
你能解决这个问题吗？它起到了很好的作用！！我在mozilla和chrome上遇到了一些小问题。我在mozilla中有一个很大的下拉列表，所有的值都没有显示，在chrome中我无法向下滚动。也许它可以帮助你添加滚动。
        $scope.submit = function () {
        ///DO STUFF
    };