javascript - AngularJS 下拉菜单可以输入值

Question

我们在应用程序中使用 AngularJS v1.5.8。我正在寻找一种显示下拉菜单但也允许输入新值的方法。我检查过这个Manually type in a value in a "Select" / Drop-down HTML list?并尝试了 datalist (在 Google Chrome 中不起作用)，还查看了 http://selectize.github.io/selectize.js/和 http://jsfiddle.net/69wP6/4/我想知道 angularJs 是否已经存在一些东西，所以我不会重新发明轮子。

我当前的代码是这样的

 <input type="text" name="newRowValue" id="newRowValue" class="form-control" 
                       list="rowValues" ng-model="newRowValue"
                       placeholder="@Labels.typeOrSelect"/>
                <datalist id="rowValues" name ="rowValues"
                    class="form-control" ng-model="rowValue">
                    <option ng-repeat = "possibleValue in metaData.allPossibleValues| filter: {attributeId: currentMatrixTemplate.rowAttributeId}" 
                            value="{{possibleValue.attributeId}}" ng-show="possibleValue.hidden==false || showHidden">{{possibleValue.valueName}} 

                   </option>
                </datalist>

在 Chrome 中无法正确呈现。对于良好且简单地实现下拉菜单并能够输入新值的任何想法？

Answer 1

试试这个。我们使用我们的版本，但它非常接近 this solution.