Question

我有一个简单的数据列表，其中包含要输入或选择的列表和输入字段。

<input class="form-control control-look-input" type="text" ng-model="loadPointVehicleType.DisplayName" list="listVehicleTypes" autocomplete="off">
<datalist id="listVehicleTypes" >
    <option ng-repeat="type in vehicleTypes" value="{{ type.DisplayName }}"></option>
</datalist>

现在我可以看到已保存的项目在视图加载时被选中。但是如果你尝试从列表中选择一个不同的项目，实际的列表vehicleTypes会被更改。此外，我无法通过映射/绑定从列表中获取选定的项目ID。绑定datalist的方法是什么，以便我可以在视图加载时显示正确的项目？另外，在保存时，我需要访问当前所选项目的ID。

Answer 1

尽我所能了解你的问题，但猜测你所问的是为什么角度读取的物理列表会在选择项目后改变。这是因为您在文本输入区域中设置了ng-model。因此，无论用户进入文本框，然后在输入时将角度绑定到对象（在本例中为loadPointVehicleType.DisplayName）（角度双向数据绑定允许在没有页面刷新的情况下更新），因此当您查看时您的选择选项会反映文本框中所做的更改。我会做一个“提交”按钮，并使用ng-click指令将新数据推送到对象上，然后让你的datalist循环遍历对象（就像你现在一样），但是删除那个ng-model，那就是让你去希望这有帮助（如果没有，请提供更多信息，并尝试在您的问题/回复中更具体一点）。 - 贾斯汀

数据绑定不适用于Angular

1 个答案: