AngularJS 如何在从 Web 服务中检索值时预先选择下拉列表的值？

Question

你好社区在这个问题上停留了一段时间......

场景:
我有一个下拉列表，我预先填充了从服务中获取的值。
现在从服务返回的同一个对象让我知道需要为该下拉列表预先选择的值。该服务返回一个包含所有这些信息的 JSON 对象。

从服务返回的示例 JSON

{
    "stepsInvolved": [{
        "label": "Step 1",
        "value": "Step 1"
    }, {
        "label": "Step 1",
        "value": "Step 1"
    }, {
        "label": "Step 1",
        "value": "Step 1"
    }],
    "valueSelected": {
        "label": "Step 1",
        "value": "Step 1"
    }
}

题

使用 Angular 我从 stepsInvolved 分配下拉列表值进入范围变量 $scope.options那很简单。

如何使用 JSON 对象中的“valueSelected”中指示的值预选下拉列表中的值？你如何用 angular 做到这一点？

欢迎使用 JSFiddles 和 Plunkers。

P.S:显然这不适用于这种情况

$scope.options= stepsInvolved;
$scope.selectedOption = $scope.options[1];

Answer 1

在选择标签中为您的模型赋予值(value)

在您的 Controller 中分配

$scope.selectedValue = 'Step 1';  //your selected value, assign it in any way you wish
$scope.stepsInvolved = response['stepsInvolved'];

我假设您的对象被分配给“响应”

<select ng-model='selectedValue' ng-options="item.value as item.label for item in stepsInvolved"></select>