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