如何在AngularJS中创建下拉过滤器结果

发布时间：2020-12-17 17:18:16 所属栏目：安全来源：网络整理

导读：我有一个Angular应用程序,在网页顶部有一个搜索栏.此搜索栏是一个显示 JSON数据数组子集的过滤器.我希望这个过滤器以不影响页面其余部分的DOM的方式显示其结果(这样,如果过滤器返回大量结果,带有自己的滚动选项的下拉框将出现,而不是按下底层HTML页面的结果)

我有一个Angular应用程序,在网页顶部有一个搜索栏.此搜索栏是一个显示 JSON数据数组子集的过滤器.我希望这个过滤器以不影响页面其余部分的DOM的方式显示其结果(这样,如果过滤器返回大量结果,带有自己的滚动选项的下拉框将出现,而不是按下底层HTML页面的结果).

我想出的解决方案是将我的ng-repeat和filter包装在div中,并将该div放在CSS中的绝对位置.有一个更好的方法吗？这看起来非常h??ackish,对我来说不是很有角度,但我找不到任何其他下拉过滤器解决方案.

AngularStrap中有一个有效的实现：

>演示：http://mgcrea.github.io/angular-strap/#/typeahead#typeaheads
>来源：
https://github.com/mgcrea/angular-strap/blob/master/src/typeahead/typeahead.js

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!