AngularJS - 選擇基於另外一個

Question

我這個JSON：

{ 
    "world": [{ 
     "name": { 
      "en": "America" 
     }, 
     "type": "continent", 
     "children": [{ 
      "type": "state", 
      "name": { 
       "en": "Florida" 
      } 
     }, { 
      "type": "state", 
      "name": { 
       "en": "Hawaii" 
      } 
     }] 
    }, { 
     "name": { 
      "en": "Europe" 
     }, 
     "type": "continent", 
     "children": [ 

     ] 
    }] 
} 

我需要做兩個選擇。第一個包含「大陸」類型的選擇，如果第一個子節點> 0且包含狀態選擇，則必須顯示基於第一個節點的另一個節點。

Answer 1

你可以做到這一點，

<select name="client" ng-model="selectedRequest.continent" ng-options="c.name.en for c in clients.world" required></select> 
<select id="department" ng-model="selectedRequest.state" ng-options="d.name.en for d in selectedRequest.continent.children"></select> 

DEMO

編輯

Updated fiddle disabling select if children is empty