代码之家 › 专栏 › 技术社区 › Noor A Shuvo

在angularjs中一个接一个地调用异步方法

angularjs

Noor A Shuvo · 技术社区 · 7 年前

我有一个 $watch 附加到 appId 变量。所以,当appid被更改时,它调用 init 功能

$scope.$watch('appId', function() {                
    if ($scope.appId != '') {
        console.log('Inside appId watch');
        $scope.init();
    }
});

init() 调用两个服务方法

$scope.init = function() {

    if ($scope.appId === undefined || $scope.appId == '') return false;

    $scope.getPrincipals($scope.loadPrincipals);
    $scope.getSignaturesByAppId($scope.loadSignatures);     

};

方法是

$scope.getSignaturesByAppId = function (callback) {
    ApplicationDataSource.getSignaturesByAppId($scope.appId, function (result) {
        callback(result);
        $scope.$apply();
    });
};


$scope.loadSignatures = function (result) {
    var signatureResultSet = angular.fromJson(result[0]);
    $scope.appSignatures = signatureResultSet;

    if($scope.appSignatures.length===0){
        $scope.setDefaultValue();
    }
    else{
        $scope.setValueFromObject();
    }

};

$scope.getPrincipals = function (callback) {
    ApplicationDataSource.getApplicationPrincipalList($scope.appId, function (result) {
        callback(result);
        $scope.$apply();
    });
};

$scope.loadPrincipals = function (result) {
    var guarantorResultSet = angular.fromJson(result[0]);
    $scope.principals = guarantorResultSet;
};

问题就发生在这里。在 loadSignatures() ,我调用了一个方法 setDefaultValue() 需要从 loadPrincipals . 所以,什么时候, loadSignatures 打电话, principal 数据未更新。

如何调用 $scope.getPrincipals($scope.loadPrincipals) 之后 $scope.getSignaturesByAppId($scope.loadSignatures) 完成检索数据。

2 回复 | 直到 7 年前

zuckerburg 7 年前

你可以使用承诺,下面是一个例子:

var promise = callThatRunsInBackground();

promise.then(
  function(answer) {
    // do something
  },
  function(error) {
    // report something
  },
  function(progress) {
   // report progress
  });

所以在您的代码中,它可能看起来像(我将把它留给您来修复,因为我不会编译或检查语法错误):

var getPrincipals = $scope.getPrincipals($scope.loadPrincipals);

getPrincipals.then(
       function(datapayload) {  
            //do something with datapayload perhaps
            $scope.getSignaturesByAppId($scope.loadSignatures); 
     });

这将使它在运行getSignaturesByAppID之前等待getPrinciples完成

Noor A Shuvo 7 年前

解决我问题的办法是,我打电话给 $scope.getSignaturesByAppId($scope.loadSignatures); 在里面 loadPrincipals 回调函数,不在 init()

$scope.loadPrincipals = function (result) {
       var guarantorResultSet = angular.fromJson(result[0]);
       $scope.principals = guarantorResultSet;

       $scope.getSignaturesByAppId($scope.loadSignatures); 
};

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前