你好社区一直坚持这个…
场景:
我有一个下拉列表,我预先填充了从服务中获取的值.
现在,从服务返回的同一对象让我知道需要为该下拉列表预先选择的值.该服务返回包含所有这些信息的JSON对象.
示例JSON从服务返回
{ "stepsInvolved": [{ "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”中指示的值预选下拉列表中的值?你如何用棱角来实现这个目标?
欢迎JSFiddles和Plunkers.
P.S:显然这对于这种情况不起作用
$scope.options= stepsInvolved; $scope.selectedOption = $scope.options[1];
解决方法
在select标签中为您的模型赋值
在你的控制器asign
$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>