Question

在这个PlunkerDemo中，我正在尝试从父控制器向子控制器广播一个事件。但是直接在父控制器中执行它将不起作用。处理程序不会注册该事件。无论如何基于ng-click或基于setTimeout进行，都可以。是否由于范围生命周期？

http://beta.plnkr.co/edit/ZU0XNK?p=preview

查看已接受答案的评论。他们解释了我的问题。

Answer 1

对角度范围的任何更改都必须在角度框架内进行，如果必须在框架外进行任何更改，我们必须使用.$apply函数。

$ apply（）用于从外部执行角度表达式角度框架。

在您的情况下，您在setTimeout内触发$broadcast，其中回调在角度框架之外被调用。

所以你有两个解决方案，要么使用angular提供的$timeout服务，要么使用.$apply函数。

我更喜欢使用$timeout函数。

var ParentCtrl = function($scope, $rootScope, $timeout){

    $scope.broadcast = function(){
        $rootScope.$broadcast('Sup', 'Here is a parameter');
    };

    $timeout(function(){
        $scope.$broadcast('Sup');
    }, 1000);

    //this one does not work! Most likely due to scope life cycle
    $scope.$broadcast('Sup');

    $scope.$on('SupAgain', function(){
        console.log('SupAgain got handled!');
    });

};

演示：Fiddle

使用$apply

setTimeout(function(){
    $scope.$apply(function(){
        $scope.$broadcast('Sup');
    });
}, 1000);

Answer 2

更可靠的选项可以是在子控制器中使用$ interval。因此，不是有显着的超时，而是每隔一小段时间进行一次轮询。此外，使用带有标志的服务，而不是广播。每次轮询都会检查是否设置了标志。当父控制器设置标志时，计时器将在下次轮询期间停止。这可以表明事件发生了。父控制器还可以通过服务与子控制器共享数据。

AngularJS Broadcast无法处理第一个控制器负载

2 个答案: