搜索不在JQuery自动完成下拉列表中

Question

我在Angular JS应用程序的引导程序对话框中有JQuery自动完成下拉列表。

我可以在下拉列表中选择项目，但无法搜索项目。

问题是什么以及如何解决这个问题？

＆＃34;它在引导模式＆＃34;

之外工作正常

Answer 1

我假设您使用ng-repeat在下拉列表中显示项目。如果是这样，您可以简单地使用Angular内置filter。这就是它的外观，但我不能在你的代码中包含它，因为你没有提供它。

<div class="dropdown-options">
    <div class="filter-input-container">
        <input type="text" ng-model="searchText" class="filter" />
        <i class="fa fa-search"></i>
    </div>
    <div class="option-container" ng-repeat="option in listOptions | filter:searchText">
        <span>{{option.value}}</span>
    </div>
</div>

使用此代码，Angular会根据您在输入框中输入的关键字过滤选项insdie listOption。您必须将输入元素绑定到ng-model，在这种情况下searchText（名称可能是您想要的任何内容）然后您必须告诉filter要使用哪个变量进行过滤filter:searchText