AngularJS Зависимый раскрывающийся список с ng-repeat оставляет пустым

Question

Я пытаюсь сделать зависимое раскрывающееся меню, но каким-то образом второе раскрывающееся меню всегда оставляет пустым, если я изменяю первое раскрывающееся меню.

<select class="form-control DB_Control" id="Sector" ng-model="selected_sector" ng-init="selected_sector = initial_selected_sector"  ng-options="each.sector for each in data track by each.sector" ng-change="getSubsector()">

<select class="form-control DB_Control" ng-model='related_subsector3' ng-options="subsector for subsector in sub_sectors track by subsector" >

$scope.getSubsector = function() {
    $scope.related_subsector3 = $scope.sub_sectors[0]
}

Просто для получения дополнительной информации, если я печатаю значение$ scope.related_subsector3 в функции getSubsector, печатает правильное значение, но не устанавливает значение в шаблоне.

Answer 1

Не думаю, что это сработает. Я бы попытался создать еще одну функцию под названием «$ scope.getSubSectorChildren ()», которая заполняет второе раскрывающееся меню при изменении первого. Таким образом, вы можете сделать набор данных более гибким, и его будет проще тестировать / отлаживать.