Angular js中REST的JSON响应下拉列表中未填充的数据



我从一个类似的WebService中获取JSON值

"电":

{"selectedElectricityBoard":"ABCD",

"electrictyConsumerNumber":"12345";,

"isElectricityBoardChecked":真实

}

我从JSON数据中生成了一个下拉列表,然后我选择值并提交值,该值从我的UI中成功提交,现在的情况是,我正在编辑我正在为其进行Web服务调用的同一表单,该调用返回我从UI中选择的同一值,但所选值没有填充/反映在下拉菜单中,任何建议或帮助都是非常可观的,我的UI是在Angular JS中,代码片段如下:

<div class="col-xs-2 no-padding ">
<label>Consumer No.:</label>
</div>
<div class="col-xs-3">
<span ng-hide="true" class="form-control" ng-required="true"
close-text="Close">
</span>
<div class="group-3-text-boxes col-xs-3 no-padding" style="min-width: 100px;">
<input type="text" name="consumer_number"
ng-disabled="!form_data[selectedTab].electricity.isElectricityBoardChecked"
ng-model="form_data[selectedTab].electricity.electrictyConsumerNumber"
class="input-field"
ng-class="{true:'invalid-field',false:''}
form_data[selectedTab].electricity.isElectricityBoardChecked &&   form_data[selectedTab].invalid.electricity]" required />
<html ng-app="app" ng-controller="ctrl">
<select id="state" ng-model="states" ng-options="state for (state,states) in total_states">
<option value=''>Select State</option>
</select>
<select id="district" ng-model="districts" ng-options="district for (district,districts) in states">
<option value=''>Select District</option>
</select>
<select id="city" ng-model="cities" ng-options="cities for cities in districts">
<option value=''>Select City</option>
</select>
<br>
<br>
<br>
State ::  {{states}}
<br>
<br>
<br>
District:: {{districts}}
<br>
<br>
<br>
City ::  {{cities}}

控制器:

app.controller('ctrl',ctrl);
ctrl.$inject=['$scope'];
function ctrl($scope) {
$scope.total_states = {
'Andhra Pradesh': {
'Prakasam': ['Ongole', 'Chirala', 'Mrakapuram'],
'Krishna': ['Vijayawada', 'Machalipatnam'],
'Guntur': ['Guntur', 'Tenali', 'Bapatla']
},
'Telangana': {
'Hyderabad': ['Hyderabad'],
'Warangal': ['Wrangal', 'Hanmkonda'],
'Khammam': ['Khmammam', 'Badrachalam']
}
};
}

试试这个它有效。。。

最新更新