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

Question

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

我想出的解决方案是包装我的 ng-repeat并在 div 中过滤并给该 div 一个 absolute在我的 CSS 中的位置。有一个更好的方法吗？这对我来说似乎非常骇人听闻，而且不是很 Angular，但我找不到任何其他下拉过滤器解决方案。

Answer 1

AngularStrap 中有一个工作实现:

演示:http://mgcrea.github.io/angular-strap/#/typeahead#typeaheads

来源 :
https://github.com/mgcrea/angular-strap/blob/master/src/typeahead/typeahead.js