javascript - Angular select 不响应 ng-model 更改

我有一个如下所示的选择:

{{vm.selected}}
{{vm.items}}
<select ng-options="item.value as item.label for item in vm.items track by item.value" ng-model="vm.selected">
</select>

我的项目数组如下所示:

this.items = [  
  {  
     "label":"Foo Bar",
     "value":"foobar"
  },
  {  
     "label":"Baz Quux",
     "value":"quux"
  }
];

并且项目vm.selected是“foobar”

两个绑定(bind)都正确显示在选择上方，但未选择该项目。当我检查开发人员工具中的选择时，我将其作为第一个选定的项目:

<option value="?" selected="selected"></option>

此外，当我使用 ng-click="vm.selected = 'quux'" 单击此元素时，没有任何更改。 {{vm.selected}} 始终更新。有人知道出了什么问题吗？

最佳答案

通过 item.value 进行跟踪有问题。如果删除它，您可以看到在选择一个值后，vm.selected 将正确显示自身并且选择有效。

关于javascript - Angular select 不响应 ng-model 更改，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40997757/