如何在飞行中加载模型angularjs选择组合框

Question

目前我有一个组合框。在我的应用程序服务中，我查询数据库并获取前十名。

<select id="StationSelectionCombobox"
name="Country"
ng-options="s.amenityUID as s.amenityName for s in  vm.nearbyStations"
ng-model="vm.stations[$index].amenityUID"
ng-change="vm.updateStation($index)"
class="form-control bs-select drop-down"
ui-jq="selectpicker">
<option value="">@L("NotSelected")</option>
</select>

我希望在输入字符时即时更新模型。我想问一下我应该怎么做，或者这是否有能力控制。

Answer 1

组合框不是HTML4或AngularJS原生的。它们需要第三方库或自定义指令。

考虑使用以下库：

• ui-select2指令，它与ngModelController、ng-model和验证指令(如ng-required(配合良好
• ui选择Select2和Selectize的AngularJS本机版本

---

使用<datalist>元素作为组合框

HTML5有<datalist>元素，可以作为一个组合框：

<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice"
name="ice-cream-choice" ng-model="flavorChoice" />    
<datalist id="ice-cream-flavors">              
<option ng-repeat="choice in choicesArr | filter : flavorChoice | limitTo : 5"
ng-value="choice">
</option>
</datalist>

有关更多信息，请参阅

• MDN HTML参考-<datalist>元素