Select not selecting the correct option using ng-model

Question

This code sample displays properly but does not select the correct option:

<select name="number" ng-model="subscribe.number" ng-required="true">
   <option ng-repeat="i in createArrayFromNumber(event.free) track by $index" value="{{ $index + 1 }}">{{ $index + 1 }}</option>
</select>

Here is a JSfiddle to reproduce.

ng-model is supposed to select the correct option or am I supposed to set a selected attribute in the <option> tag?

MarcoS · Accepted Answer · 2014-12-02 10:08:10Z

1

You shoud use ng-selected construct.
For example:

<option ng-selected="{{ condition_for_marking_this_item_as_selected }}" ng-repeat=... >

answered Dec 2, 2014 at 10:08

MarcoS

17.8k27 gold badges101 silver badges189 bronze badges

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

2 Comments

MaximeBernard Over a year ago

That's odd. So the ng-model here is only bound one way? (only receiving value from select but not setting it?)

MarcoS Over a year ago

That's true. Angular does not check ng-model value (which could be something else than a literal) to "select" option.

Collectives™ on Stack Overflow

Select not selecting the correct option using ng-model

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related