我们在应用程序中使用 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.


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!