在下拉式角度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 =您的自動填充數據