角度选择保持生成默认缺失选项

Question

我有一个select在agGrid内部渲染。 没有什么特别复杂的。

<select ng-model="data.stdPayerClassFnbr" ng-change="vm.save(data)" style="width: 100%"
        ng-options="item.stdPayerClass for item in vm.payerClassList track by item.id">
</select>

疯狂的是这个; 我一直在获取缺失值选项：

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

即使data.stdPayerClassFnbr的值存在于呈现选项列表中：

<option value="1" label="TBD">TBD</option>

data.stdPayerClassFnbr和item.id的基础数据类型是int ; 但是我已经尝试通过在绑定它们之前对它们的值执行map来使它们都成为string 。 这没有用。 我必须配置这个select错误。

我也尝试过ng-repeat方法：

<select ng-model="data.stdPayerClassFnbr" ng-change="vm.save(data)" style="width: 100%">
    <option ng-repeat="item in vm.payerClassList" value="{{item.id}}">{{item.stdPayerClass}}</option>
</select>

这也没有帮助。

Answer 1

确保stdPayerClassFnbr模型对象具有与payerClassList[x]项相同的属性。 特别是属性id和stdPayerClass

Answer 2

我发现了这个问题。 这是表达的track by 。 由于我绑定到从查找返回的对象数组，因此在选择或查找值时，它通过引用查找整个对象。 track by表达式删除track by导致绑定直接对数值起作用：

<select ng-model="data.stdPayerClassFnbr" ng-change="vm.save(data)" style="width: 100%"
        ng-options="item.id as item.stdPayerClass for item in vm.payerClassList">
</select>

这会生成一个非常不同的选项列表：

<option value="number:1" label="TBD" selected="selected">TBD</option>

我希望这有助于将来的某些人！ 它甚至可能有一天帮助我！