带有ng-repeat的AngularJS Dependent下拉列表留空

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]
}

仅需了解更多信息，如果我在函数getSubsector中打印$ scope.related_subsector3的值，则其打印正确的值，但未在模板中设置该值。

Answer 1

我认为那不行。我将尝试创建另一个名为“ $ scope.getSubSectorChildren（）”的函数，该函数将在第一个下拉菜单的更改中填充第二个下拉列表。这样，您可以使数据填充更加灵活，并且可以更轻松地进行测试/调试。