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.

AngularJS下拉列表，可以键入值

1 个答案: