Default selected option doesn't work in angularjs

Question

I have a view

<select ng-model="selected_student" class="form-control">
    <option ng-repeat="obj in students" value="{{obj.id}}">{{obj.name}}</option>
</select>

I am doing this in controller:

$scope.selected_student = $scope.students[0];

why it doesn't work?

Here's my fiddle

"$scope.selected_student = $scope.students[0];" writing this in your controller what is your goal? i mean that do you want to get student id as selected_student ? — Mohammad Sadiqur Rahman
– Mohammad Sadiqur Rahman, Commented Jan 1, 2017 at 5:35

Avnesh Shakya · Accepted Answer · 2017-01-01 05:16:20Z

1

Try ng-options:

 <select ng-model="selected_student" class="form-control" ng-options="student.id as student.name for student in students">

And in controller:

$scope.selected_student = $scope.students[0].id;

Working jsfiddle link:

https://jsfiddle.net/avnesh2/boye4ezk/

Will work for you.

answered Jan 1, 2017 at 5:16

Avnesh Shakya

3,9162 gold badges25 silver badges32 bronze badges

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

1 Comment

ng-option looks better for your requirement and it's binding student.name based on student.id. See for detail