AngularJS,数据表,$ q.defer和数据重装

时间:2019-02-22 20:53:20

标签: javascript angularjs angular-promise angular-datatables

在尝试正确解决以下情况时,我遇到了一个问题:

加载控制器时,它会从API(项目)获取数据 我在第2页的数据表中,只有在加载第一个数据时(获取项目地址和项目合作伙伴)才应加载数据,但是我可以将项目添加到地址或合作伙伴中,然后我想重新加载该部分。

我确实以这种方式解决了这个问题,但是我觉得它是多余的。

Project.findOne({filter:{where:{nr: $stateParams.projectNr}}},function(result){
  $scope.data = result;
  AddressLink.find({filter: {where: {projectId: $scope.data.id}}},function(addresses){
    deferAddresses.resolve(addresses);
  });
});

var deferAddresses = $q.defer();
var deferPartners = $q.defer();
$scope.dtOptions =  DTOptionsBuilder.fromFnPromise(function() {
  if ($scope.data.id) {
    var defer = $q.defer();
    AddressLink.find({filter: {where: {projectId: $scope.data.id}}},function(addresses){
      defer.resolve(addresses);
    });
    return defer.promise;
  } else {
    return deferAddresses.promise;
  }
})

$scope.nested.dtInstance = {}; 
$scope.nested.dtInstance.reloadData(null, false);
<table datatable dt-options="dtOptions" dt-instance="nested.dtInstance" dt-columns="dtColumns" class="table-striped table-bordered hover" ng-model="dtInstance">

我是

的2倍
  

AddressLink.find()

有人可以告诉我解决这种情况的正确方法吗? 谢谢

1 个答案:

答案 0 :(得分:0)

在这里回答我自己的问题...这就是我所做的:

var promiseProject = new Promise(function(resolve, reject){
  Project.findOne({filter:{where:{nr: $stateParams.projectNr}}},function(result){
    resolve(result);
  });
});

$scope.loadAddress = function(){
    var defer = $q.defer();
    promiseProject.then(function(data){
      AddressLink.find({filter: {where: {projectId: data.id}, include: 'address'}},function(addresses){
        defer.resolve(addresses);
      });
    });
    return defer.promise;
  }
  
   $scope.dtOptions =  DTOptionsBuilder.fromFnPromise($scope.loadAddress())

这样,数据表可以自己重新加载,而数据表部分则等待第一个“项目”承诺。

希望这可以帮助其他人...