javascript - 无法在 tagsInput 自动完成 Angular 中搜索输入键

Question

我在 Angular js 中集成了用于自动完成的 tagsInput。

我已经包含文件 ng-tags-input.min 并在我的 View 中添加了以下代码。

<tags-input ng-model="searchTerm"
                display-property="Name" 
                add-from-autocomplete-only="true"
                replace-spaces-with-dashes='false'
            placeholder="Search option"
              >
        <auto-complete source="loadTags($query)" min-length='3'></auto-complete>
    </tags-input>

还在 Controller 中添加代码以获取自动完成的数据

$scope.loadTags = function (query) {
                        if (query != undefined) {
                            var info = data;
                            var items = ($filter('filter')(info, {Name: query}));
                            return items;
                        } else {
                            return data;
                        }

                    }

一切顺利。我正在自动完成所有数据，但在选择选项后出现问题，我无法在按下回车键时进行搜索。

Answer 1

您能再解释一下您的问题吗？。您是否遇到通过 ENTER 键选择搜索结果或自动完成搜索不起作用的问题？

这里我给出了我们使用的示例代码。

<tags-input class="`tagsInput`" ng-model="ctrl.nameList" 
                                    display-property="fullName"
                                    key-property="name"
                                    min-length="1"
                                    max-tags="{{ctrl.Count}"
                                    min-tags="0"
                                    add-from-autocomplete-only="true"
                                    replace-spaces-with-dashes="false"
                                    placeholder="Add"
                                    enforce-max-tags>
                            <auto-complete source="ctrl.loadTags($query)"
                                           min-length="3"
                                           max-results-to-show={{ctrl.seletedListCount}}">
                            </auto-complete>
                        </tags-input>

在你的 loadTags 函数中

self.loadTags = function (query) {
            var deferred = $q.defer();
            someService.loadUsers(query).then(function (data) {
                if (data) {
                    self.seletedListCount = data ? data.length : 1000;
                    deferred.resolve(data);
                }
                else {
                    deferred.reject();
                }
            });
            return deferred.promise;
        };

在 loadTags 中，您可以调用服务并显示搜索结果。无需通过选择自动完成结果并按回车再次搜索