How to create drop down with form in AngularJS

Question

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.

Did you inspect that dropdown using Devtools in their site.. you can learn quite a bit.. — Ravi Teja
– Ravi Teja, Commented Oct 8, 2016 at 3:16
I did @RaviTeja but it is not angular. I need a way to do it in angularjs — user93
– user93, Commented Oct 8, 2016 at 3:22

Junio Branco · Accepted Answer · 2016-10-08 08:27:40Z

2

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: http://jsfiddle.net/Lvc0u55v/10630/

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>

answered Oct 8, 2016 at 8:27

Junio Branco

385 bronze badges

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

Collectives™ on Stack Overflow

How to create drop down with form in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related