2016-06-15 42 views
0

我是angularjs的新手,我想逐個選擇值。在此之前如何使用JSON響應逐個啓用選擇?

我有一個下面的JSON響應。

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

從這我需要顯示只有國家在國家標籤作爲選擇列表,狀態列表等等。

在選擇國家之前,其他選擇選項如狀態,城市段應被禁用。

它必須逐一啓用。

+0

我看到很多有關乞討的問題, 「請幫助我」,「緊急」等。請不要添加這個絨毛 - 這裏的志願者會回答他們喜歡閒暇時看起來的問題。 – halfer

回答

0

我不確定這是否是您想要的,但我創建了一個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]; 

注意,當沒有選擇國家這個例子沒有處理國家和本市禁止。