javascript - 双击 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>

Controller 端:

...
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) 是调用我的网络服务的函数。

我能够获取第一组数据，我想获取第一组数据的“值”并调用第二组数据选择列表的检索。我该如何去做呢？

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>

使用 $watch 检测 selectValue 变化也可以工作