AngularJS 可以输入值的下拉菜单

Question

我们在应用程序中使用 AngularJS v1.5.8。我正在寻找一种显示下拉列表但也允许输入新值的方法。我检查过这个 Manually type in a value in a "Select" / Drop-down HTML list? and tried datalist (didn't work in Google Chrome) and also looked at the http://selectize.github.io/selectize.js/ and 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.

AngularJS 可以输入值的下拉菜单

AngularJS drop-down with ability to type value

html

javascript

angularjs

dropdown