events - AngularJS Broadcast 在第一次控制器加载时不起作用

Question

在这个 PlunkerDemo 中，我试图将事件从父控制器广播到子控制器。但是，直接在父控制器中执行它是行不通的。处理程序不注册事件。但是，基于 ng-click 或基于 setTimeout 执行此操作，它可以工作。是因为范围生命周期吗？

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

请参阅已接受答案的评论。他们解释了我的问题。

Answer 1

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

$apply() 用于从 Angular 框架外部执行 Angular 表达式。

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

所以你有两种解决方案，要么使用 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!');
    });

};

演示：小提琴

使用$apply

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

Answer 2

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