无法使用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，它是我想用来设置我选择的下拉选项的参数（值）。

我从我的控制器那里尝试过这种方式：

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

但它没有用。

有什么建议吗？

Answer 1

将 ng-options 替换为：

$scope.v = data.ValveId;

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

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

run-sequence