how can i change the options value with angularjs

Question

Here is what seems to be bothering a lot of people (including me). When using the ng-options directive in AngluarJS to fill in the options for a <select> tag I cannot figure out how to set the value for an option. The documentation for this is really unclear

When I use ng-options inside select tag like this =>

<select ng-options="cat as cat.name for cat in categories" ng-model="selectedCategory" name="category" class="form-control"></select>

I get the options like this =>

<option label="Mobile" value="object:5">Mobile</option>

instead I want it like this =>

<option value="Mobile">Mobile</option>

doroshko · Accepted Answer · 2016-03-06 17:46:03Z

1

Use track by cat.name

<select ng-options="cat as cat.name for cat in categories track by cat.name" 
        ng-model="selectedCategory" name="category" class="form-control">
</select>

http://plnkr.co/edit/me0vis?p=preview

answered Mar 6, 2016 at 17:46

doroshko

7545 silver badges16 bronze badges

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

1 Comment

doroshko Over a year ago

Thanks you for up votes. Feel free to ask, and good luck in learning! :) @ChadidiAbdellah

simo logas · Accepted Answer · 2016-03-06 17:50:52Z

0

this should woork, you need to add "track by cat.name" like so :

<select ng-options="cat as cat.name for cat in categories track by cat.name" ng-model="selectedCategory" name="category" class="form-control"></select>

answered Mar 6, 2016 at 17:50

simo logas

113 bronze badges

Collectives™ on Stack Overflow

how can i change the options value with angularjs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related