angularjs – 多次调用函数防止$rootScope.$on

前端之家收集整理的这篇文章主要介绍了angularjs – 多次调用函数防止$rootScope.$on前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在控制器顶部的代码上有一个$rootScope.$.我注意到每次加载/调用此控制器时,$rootScope.$on listener都会增加意味着它会在您访问控制器时无限期地添加添加添加一个监听器.

@H_502_8@

当我通过$rootScope调用它时我注意到了.$$从另一个控制器发出,$rootScope.$on中的函数被执行了几次,即使它只是一次发射/广播.@H_502_8@

@H_502_8@

$rootScope.$on('listen',function() {
    $scope.displayString();
});

$scope.displayString = function() {
    console.log('test'); // This display 7 times because I visit the controller 7 times
}

是否可以阻止它创建另一个侦听器实例,以便在已有侦听器时,它不会创建新的侦听器.@H_502_8@

解决方法

当控制器的作用域被销毁时,您需要取消注册事件监听器.

@H_502_8@

$on函数返回一个注销函数,该函数将在调用函数删除侦听器.@H_502_8@

所以你可以这样设置:@H_502_8@

@H_502_8@

var deregister = $rootScope.$on('listen',function() {
    $scope.displayString();
});
$scope.$on('$destroy',deregister);

注意:这仅在控制器的范围实际被销毁时​​才有效(例如,在从DOM中删除的指令中或导航到不同的路径时).如果没有发生这种情况,那么您将需要设计一种仅注册事件监听器的方法.@H_502_8@

猜你在找的Angularjs相关文章