How to create drop down filter results in AngularJS

Question

I've got an Angular app with a search bar at the top of a webpage. This search bar is a filter that displays subsets of a JSON data array. I'd like for this filter to display its results in a fashion that doesn't affect the DOM on the rest of the page (that way, if the filter returns a ton of results, a drop down box with its own scrolling option will appear, as opposed to the results pushing down the underlying HTML page).

The solution I came up with was to wrap my ng-repeat and filter in a div and give that div an absolute position in my CSS. Is there a better way to do this? This seems awfully hackish and not very Angular to me, but I can't find any other drop down filter solutions.

Are you looking for something like a typeahead?

callmekatootie
– callmekatootie

2013-06-25 05:42:04 +00:00
Commented Jun 25, 2013 at 5:42 — callmekatootie
– callmekatootie, Commented Jun 25, 2013 at 5:42

Gravy · Accepted Answer · 2014-03-17 10:42:00Z

5

There is a working implementation in AngularStrap :

edited Mar 17, 2014 at 10:42

Gravy

12.5k26 gold badges129 silver badges194 bronze badges

answered Jun 25, 2013 at 9:00

EpokK

38.1k9 gold badges64 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create drop down filter results in AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related