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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在收到两个或更多$scope事件后调用函数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如,假设我需要在收到两个事件“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
})

猜你在找的Angularjs相关文章