javascript - 无法使用 AngularJS 在下拉列表中设置所选选项

Question

我有这个简单的下拉菜单:

<select ng-model="v" ng-options="valve.Brand + ' ' + valve.Model + ' ' + valve.Notes for valve in valves track by valve.ValveId">
    <option value="">--Valves--</option>
</select>

我还使用 Web 服务从数据库检索数据。此数据包含 ValveId，它是我想用来设置下拉列表中选定选项的参数(值)。

我已经从我的 Controller 尝试过这种方式:

$scope.v = $scope.valves[data.ValveId];

但是它不起作用。

有什么建议吗？

Answer 1

将您的ng-options替换为:

valve.ValveId as valve.Brand + ' ' + valve.Model + ' ' + valve.Notes for valve in valves

请注意开头的 as 键，它告诉应将哪个属性用作模型值。

模型现在将 ID 作为值。因此，您现在可以直接设置它:

$scope.v = data.ValveId;