select in angularjs not selecting default value

Question

Following is my code extract

   <select
        ng-init="joinedStatus=0"
        ng-options="joinstat.name for joinstat in joined track by joinstat.id"
        ng-selected="joinedStatus==joinstat.id"
        ng-model="joinedStatus">
        <option>{{joinedStatus}}</option>
   </select>

But still there is no default option selected.

joined is defined as:

$scope.joined=[{id:0,name:'No'},{id:8,name:'Yes'}];

Vivek · Accepted Answer · 2015-12-22 09:02:55Z

1

You should not provide <option> inside select since ng-options will add the options from specified array.

ng-selected is of no use. Remove it too.

So, this will work

<select ng-init="joinedStatus=joined[0]"
        ng-options="joinstat.name for joinstat in joined track by joinstat.id"
        ng-model="joinedStatus">

</select>

Since we have initialized the model with 0th array element. You will see this selected in the select.

edited Dec 22, 2015 at 9:02

answered Dec 22, 2015 at 8:56

Vivek

13.6k19 gold badges101 silver badges139 bronze badges

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

1 Comment

ssougnez Over a year ago

Note that it is not recommended to use "ng-init" in such cases. It would be better to initialize "joinedStatus" in you controller.

Collectives™ on Stack Overflow

select in angularjs not selecting default value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related