AngularJS: select option

Question

Here are my objects within array:

[
    {"name":"someName1","label":"someLabel1"},
    {"name":"someName2","label":"someLabel2"},
    {"name":"someName3":"label":"someLabel3"}
]

How could I form select option with ng-options?

This link unfortunately doesn't pop the solution in my head or I am blinded by the complexity of my code, since this select field should be inside ng-repeat.

Imagine, all in ng-repeat:

someInput, someInput, select option (above case), somethingMore

I have no idea how to proper code and connect models in this situation.

Thank you in advance.

masimplo · Accepted Answer · 2015-06-23 22:25:39Z

2

you can just do:

<select ng-options="item.name as item.label for item in myArray">

item.name is the value that will be matched/stored in the provided ng-model and item.label is the text that will be displayed to the user.

Here is plnk along with an ng-repeat usage example.

edited Jun 23, 2015 at 22:25

answered Jun 23, 2015 at 22:15

masimplo

3,8042 gold badges34 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: select option

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