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

Question

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

我想出的解决方案是将ng-repeat包裹起来并在div中过滤，并在CSS中为该div提供absolute位置。有一个更好的方法吗？对我来说，这看起来非常h​​ackish并且不是非常Angular，但我找不到任何其他下拉过滤器解决方案。

Answer 1

AngularStrap中有一个有效的实现：

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