user93 user93 - 19 days ago 5
AngularJS Question

How to create drop down with form in AngularJS

I am trying build drop down with form like this. I used ng-repeat inside li to build a simple dropdown and then placed them inside next to another. the number of columns can also can be dynamic so my approach wont work. How do I proceed to build such a dropdown. Is there any library out there that does this I could not find one.Thanks in advance.

enter image description here


If you want to do this with Angular, you will need to toggle a dropdown. The following example should be able to get you started:

You will need to compose the columns and associate them with the ng-model.

On Operator field you can do the following:

<input ng-model="operator"/>
 <li ng-repeat="result in results | filter:operator</li>