Dropdown selected value from JSON in AngularJS

Question

Angular newbie question

I have a dropdown showing days from week something like this

<select class="form-control" id="selectedDayofWeek" ng-model="selectedDayofWeek" ng-selected="sdw">
                          <option value="">Select</option>
                          <option value="Monday">Monday</option>
                          <option value="Tuesday">Tuesday</option>
                          <option value="Wednesday">Wednesday</option>
                          <option value="Thursday">Thursday</option>
                          <option value="Friday">Friday</option>
                          <option value="Saturday">Saturday</option>
                          <option value="Sunday">Sunday</option>
                        </select>

In my controller I have

$scope.sdw = json[0].DayofWeek; // Thursday

However this does not selects the dropdown's Thursday value

Tom Arad · Accepted Answer · 2015-05-05 20:15:22Z

2

You want the ng-model specified in your HTML to be of the same name on your $scope.

Change $scope.sdw = json[0].DayofMonth into

$scope.selectedDayofWeek = json[0].DayofMonth;

The ng-selected is redundant (and not used well, read about it here).

answered May 5, 2015 at 20:15

Tom Arad

2512 silver badges7 bronze badges

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

2 Comments

blue piranha Over a year ago

I initially tried this (i mean $scope.selectedDayofWeek = json[0].DayofWeek) but it didnt work. So then I googled and found ng-selected thing but that didnt work either. Thanks for your comment. Any other thoughts?

Tom Arad Over a year ago

Are you sure that json[0].DayofWeek contains Thursday exactly? it is case sensitive. Anyway, see this fiddle for a simple example: jsfiddle.net/bjamqfru/1

Collectives™ on Stack Overflow

Dropdown selected value from JSON in AngularJS

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related