我们在应用程序中使用 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 中无法正确呈现。对于良好且简单地实现下拉菜单并能够输入新值的任何想法?
请您参考如下方法:
试试这个。我们使用我们的版本,但它非常接近 this solution.