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

Question

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

我想出的解决方案是将我的ng-repeat和过滤器封装在一个div中，然后在我的CSS中给该div一个absolute的位置。有一个更好的方法吗？这看起来非常不好，对我来说也不是非常好，但我找不到任何其他的下拉式滤镜解决方案。

Answer 1

有在AngularStrap工作实施：

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