在AngularJS中更新模型时选择不更新

时间:2017-01-09 18:31:50

标签: angularjs

当我更新模型时,选择框不会更新为模型中的值。 select具有所有有效选项,但是未选择模型中的值。在下面的代码中,模型中的值是“FACEBOOK”。映射到模型是正确的,因为选择框中的值可以正确保存。当我在页面显示上加载模型时,问题就出现了。

这是html:

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

生成的html是:

<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>

提前感谢,

1 个答案:

答案 0 :(得分:0)

使用ng-selected代替选择。你可以把它变成真假。 并且还展示了您如何使用范围在JS文件中进行操作。 如果它不能像这样工作,那么给ng-change="some_func()"并在JS中定义该函数,$scope.some_func = function() {}