Select not updating when model is updated in AngularJS

Question

When I update the model, a select box is not getting updated to the value in the model. The select has all the valid options, however, the value from the model is not being selected. In the code below, the value in the model is "FACEBOOK". The mapping to the model is correct because value from the select box saves correctly. The issue is occurring when I load the model on page display.

Here is the html:

<select 
 class="form-control" 
 required 
 ng-model="channel.channeltype" 
 ng-options="obj.name for obj in contactchannels track by obj.id">
</select>

The generated html is:

<select ng-options="obj.name for obj in contactchannels track by obj.id">
  <option selected="?" value="selected"></option>
  <option label="Facebook" value="FACEBOOK">Facebook</option>
  <option label="Skype" value="SKYPE">Skype</option>
  <option label="Instagram" value="INSTAGRAM">Instagram</option>
</select>

thanks in advance,

fill͡pant͡ · Accepted Answer · 2017-01-09 21:38:51Z

0

Use ng-selected instead of selected. You can make it true and false. And also show how you are doing in JS file with scope. If it doesn't work like this, then give ng-change="some_func()" and define that function in JS, $scope.some_func = function() {}

edited Jan 9, 2017 at 21:38

fill͡pant͡

1,1652 gold badges12 silver badges24 bronze badges

answered Jan 9, 2017 at 21:07

Chetas Mehta

16 bronze badges

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

1 Comment

punubozoth Over a year ago

thanks for the reply. The option tags in the first snippet above are generated by angular. ng-change event is not fired when the model is updated in the controller: $http.get('rest/admin/dropdownoptions/', {params: {key: 'ContactChannelEnum'}} ) .then(function(response) { $scope.contactchannels = JSON.parse(response.data); }, );

Collectives™ on Stack Overflow

Select not updating when model is updated in AngularJS

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