Basamaklı açılan liste angularjs

Question

İkinci açılır listeyi çalışmaya çalışıyorum, ancak sorunun ne olduğunu anlayamıyorum. İlki verileri gösteriyor, ikincisi çalışmıyor.

html:

<select class="form-control" 
    ng-options="option as option.label for option in myCtrl.options track by option._id" 
    ng-model="myCtrl.selected"></select> 

<select ng-disabled="!myCtrl.selected" class="form-control"> 
    <option ng-repeat="child in myCtrl.options">@{{child.childs}}</option> 
</select> 

JS:

var vm = this; 
vm.options = {}; 

//get populate data for cascading options 
$http.get("data/support.json").success(function(response){ 
    vm.options = response; 
    vm.selected = vm.options[0]; 
}); 

support.json

[{ 
    "_id": "1", 
    "label": "Title 1", 
    "childs": [ 
     "Title 1 - sub 1", 
     "Title 1 - sub 2"  
    ] 
    }, 
    { 
    "_id": "2", 
    "label": "Title 2", 
    "childs": [ 
     "Title 2 - sub 1", 
     "Title 2 - sub 2" 
    ] 
    }] 

Answer 1

ikinci olmalıdır

<option ng-repeat="child in myCtrl.selected.childs">{{child}}</option> 

Seçilen ebeveyn seçeneğinin alt öğelerini görüntülemeye çalışıyorsanız. Ayrıca

---

, senin ilk seçme onun seçenekleri basitleştirilmiş var olabilir

ng-options="option.label for option in myCtrl.options track by option._id" 

için