angularjs – 如何在收到两个或更多$scope事件后调用函数？

发布时间：2020-12-17 17:38:32 所属栏目：安全来源：网络整理

导读：例如,假设我需要在收到两个事件“eventA”和“eventB”后运行一个函数.我通常做的是为每个事件声明一个布尔变量,在接收到事件时将变量设置为true,并询问另一个变量是否为true来运行该函数： var a = false,b = false;$scope.$on("eventA",function(){ a = tr

例如,假设我需要在收到两个事件“eventA”和“eventB”后运行一个函数.我通常做的是为每个事件声明一个布尔变量,在接收到事件时将变量设置为true,并询问另一个变量是否为true来运行该函数：

var a = false,b = false;

$scope.$on("eventA",function(){
    a = true;
    if (b)
        performTask();
});

$scope.$on("eventB",function(){
    b = true;
    if (a)
        performTask();
});

var performTask = function() {
    /* do something... */
};

如果有三个或更多事件,这会变得更复杂.是否有设计模式来处理这些情况？

解决方法

你可以使用$q promises.

var dfdATask= $q.defer();
var dfdBTask= $q.defer();

$scope.$on("eventA",function(){
    // whatever this function does
    dfdATask.resolve(true);//or pass a value
});

$scope.$on("eventB",function(){
    //whatever this function does
    dfdBTask.resolve(true);//or pass a value
});

$q.all([dfdATask.promise,dfdBTask.promise]).then(function(){
    //be sure to pass in an array of promises
    //perform task
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!