Angular JS广播没有进入子范围

Question

Please refer - http://jsfiddle.net/U3pVM/18701/

In the console, I only see "outer1" being logged, the inner scope does not log. Is something missing?

var app = angular.module("myapp", []);

app.controller("outer1", function($scope) {
$scope.$on("newmessage", function() {
        console.log("outer1");
});
$scope.$broadcast("newmessage");
});

Answer 1

It's a timing issue - the children are initialized after the parent had already fired $broadcast. If you delay $broadcast using $timeout , the children will receive the event ( update fiddle ):

app.controller("outer1", function($scope, $timeout) {
    $scope.$on("newmessage", function() {
            console.log("outer1");
    });
    $timeout(function() { // delay $broadcast using $timeout
        $scope.$broadcast("newmessage");
    }, 0);
});