AngularJS - Select default value with ng-model

Question

I have an select tag which i am using ng-model to get the selected value. The Select tag shows Empty first value, it should be showing Choose. What i am doing wrong?

<select ng-model="todo.opts">
    <option>Choose</option>
    <option><25%</option>
    <option>25-50%</option>
    <option>>50%</option>
</select>

LookForAngular · Accepted Answer · 2014-06-30 09:05:06Z

4

Try to set the todo.opts variable in the scope as the value you want to select as a default. By the way check documentation for the ng-option

answered Jun 30, 2014 at 9:05

LookForAngular

1,0708 silver badges18 bronze badges

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

Comments

Davin Tryon · Accepted Answer · 2014-06-30 09:04:02Z

3

Since your model will be empty to begin with, you can easily select the Choose option by giving it an empty value:

<div ng-app="app" ng-controller="myCtrl">
    <select ng-model="opts">
        <option value="">Choose</option>
        <option><25%</option>
        <option>25-50%</option>
        <option>>50%</option>
    </select>
</div>

Here is an updated fiddle.

answered Jun 30, 2014 at 9:04

Davin Tryon

67.4k15 gold badges149 silver badges139 bronze badges

2 Comments

edi9999 Over a year ago

Yep, but you should rather give a value for all those options, and set the default value in your controller

Jorg Over a year ago

@edi9999 or use ng-init to set the default

Collectives™ on Stack Overflow

AngularJS - Select default value with ng-model

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related