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

【问题标题】：Select not updating when model is updated in AngularJS在 AngularJS 中更新模型时选择不更新
【发布时间】：2017-01-09 18:31:49
【问题描述】：

当我更新模型时，选择框没有更新为模型中的值。选择具有所有有效选项，但是未选择模型中的值。在下面的代码中，模型中的值为“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>

提前致谢，

【问题讨论】：

标签： angularjs

【解决方案1】：

使用 ng-selected 而不是 selected。你可以让它真假。并展示你在 JS 文件中的作用域。如果这样不行，那就给ng-change="some_func()"，在JS中定义那个函数，$scope.some_func = function() {}

【讨论】：

感谢您的回复。上面第一个sn-p中的option标签是angular生成的。在控制器中更新模型时不会触发 ng-change 事件： $http.get('rest/admin/dropdownoptions/', {params: {key: 'ContactChannelEnum'}} ) .then(function(response) { $scope.contactchannels = JSON.parse(response.data); }, );