在下拉式角度js中输入数据

Question

我是angular js的新手。 我有一个下拉列表，其中包含150多个值。 我想搜索随附的下拉列表。 所以，我已经尽力了，但是我却做不到。 所以，我的代码是-

HTML-

<div class="select-container col-sm-12 label-container"
                            ng-disabled="!objectPropertyForm.selectedObjectProperty">
                            <span class="col-sm-4 text-right label-container">
                                <label>Value : </label>
                            </span>
                            <span class="col-sm-8">
                                <select
                                    id="objectPropertyValueSelect"
                                    name="objectPropertyValue"
                                    class="btn btn-start col-sm-12"
                                    ng-model="objectPropertyForm.selectedObjectPropertyValue"
                                    ng-options="range as range.name for range in objectPropertyForm.selectedObjectProperty.rangeList |
                                        filter:objectPropertyRangeFilter
                                        track by range.name">
                                      <option value="" disabled selected>Select your option</option>
                                </select>
                            </span>
                    </div>

控制器-

 $scope.objectPropertyRangeFilter = function (value) {
                    return !($scope.objectPropertyForm.selectedObjectProperty
                        .values.includes(value.name));
                };

如果在输入文字时给我值，我只想有出现文字的名字。 任何帮助将不胜感激。

Answer 1

您可以尝试https://material.angularjs.org/latest/demo/autocomplete类似的解决方案

或去https://github.com/darylrowland/angucomplete

为此，您必须提供$ scope.localdata =您的自动填充数据