CODEWITHSUNDEEP
angularjs
punubozoth
punubozoth

Reputation: 11

Select not updating when model is updated in AngularJS

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,

Upvotes: 1

Views: 404

Answers (1)

Chetas Mehta
Chetas Mehta

Reputation: 1

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() {}

Upvotes: 0

Related Questions