Двойной выбор angular-js ajax

Question

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

HTML:

<label class="item item-input item-select"> 
    <div class="input-label"> 
    Select First: 
    </div> 

    <select> 
    <option ng-repeat="object in objects" value="object.ID">{{object.value}}</option> 
    </select> 
</label> 

<label class="item item-input item-select"> 
    <div class="input-label"> 
    Select 2nd: 
    </div> 

    <select> 
    <option></option> 
    </select> 
</label> 

контроллер Side:

... 
dataFactory.getRequestObject(ID).then(function(resp2){ 
     console.log("Getting data to populate select list!"); 
     console.log(resp2.data); 
     $scope.objects= resp2.data; 

    }, function(err){ 
     console.error('ERROR', err); 
    }); 

Где getRequestObject (ID) это моя функция, которая вызывает мое WebService.

Я могу получить свой первый набор данных, я хотел бы получить «значение» первого и вызвать извлечение второго списка данных. Как мне это сделать?

Answer 1

$.getJson(url, param, function(data) { 
 
    $scope.array1 = data.array; 
 
}); 
 
$scope.onchange = function() { 
 
    //ng-model will store its value into $scope 
 
    var selectValue1 = $scope.selectValue1; 
 
    
 
    $.getJson(url2, param2, function(data) { 
 
    $scope.array2 = data.array; 
 
    }); 
 
};

<select ng-module="selectValue1" ng-options="label for value in array1" ng-change="onchange()"></select> 
 
<select ng-module="selectValue2" ng-options="label for value in array2"></select>

использование $ часов, чтобы обнаружить изменение selectValue также будет работать