如果我在 $scope.$watch 语句中设置 ng-options，我会遇到问题。
以下作品:
<select ... ng-options="x.val as x.id for x in options"></select>
但这不是:
<select ... ng-options="x.val as x.val for x in options"></select>
Plunker showing my issue -- click 'update options'
似乎如果模型的值在选项之前设置，并且标签和值是等价的，模型将不会匹配任何可用的选项。
这是一个错误，还是我做错了什么？
示例 Controller 代码:
$scope.myModel = 'Two';
$scope.$watch('loadTrigger', function(newValue, oldValue) {
if (newValue == oldValue) { return; }
$scope.options = [{id: 1, text: 'One'}, {id: 2, text: 'Two'}...];
})
示例 View :
<select ng-model="myModel" ng-options="x.text as x.text for x in options">...</select>
当 watch 触发并且选项得到更新时，选择将显示空白或默认选项，而不是预期的“两个”。但是，如果标签和值不同(甚至有一点不同)，一切都会按预期进行
最佳答案
这是 Angular 如何将选定选项与绑定(bind)模型相关联的(对我而言)模糊区域之一。
简而言之，添加track by(而不是使用select as)可以解决这个问题:
<select ng-model="textLabel"
ng-options="x.text for x in dynamicOptions track by x.text">
<option value="">[No Value]</option>
</select>
编辑:前段时间我发现了这个 issue在 Angular 的 github 上进行了讨论，没有 track by 的方法适用于 1.2.x Angular -> 因此是模糊的部分
关于javascript - 当 ng-options 的值和标签相等时出现错误？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27970971/