Question

我是angularjs的新手，我想逐个选择值。在那之前

我有一个JSON以下的回复。

[
  {
    "countryname": "India",
    "states": [
      {
        "statename": "Karnataka",
        "cities": [
          {
            "city": "Bangalore",
            "segments": [
              {
                "segments": "one"
              }
            ]
          }
        ]
      }
    ]
  }
]

由此我需要在国家标签中仅显示国家/地区标签作为选择列表，状态列表中的状态等等。

在选择国家/地区之前，应禁用其他选项，例如州，城市段。

必须逐个启用。

Answer 1

我不确定这是否是您想要的，但我创建了一个fiddle，演示了如何根据您的JSON响应创建选择列表。

HTML

<select ng-model="selectedCntry" ng-options="cntry.countryname for cntry in countries"></select>
<select ng-model="selectedState" ng-options="state.statename for state in stateOpts"></select>
<select ng-model="selectedCity" ng-options="city.city for city in cityOpts"></select>

控制器

$scope.selectedCntry = $scope.countries[0];
$scope.stateOpts = $scope.selectedCntry.states;
$scope.selectedState = $scope.stateOpts[0];
$scope.cityOpts = $scope.selectedState.cities;
$scope.selectedCity = $scope.cityOpts[0];

请注意，当未选择国家/地区时，此示例不会处理州和城市的禁用。

如何使用JSON响应逐个启用选择？

1 个答案: