How to $broadcast using AngularJs?

Question

I have $broadcast event its working from parent controller but i don't see object coming in child controller i am not sure what i am implementing wrong.

How can i achieve this task using angularJs event ?

parentCtrl.js

$scope.$broadcast('assessmentData',$scope.RiskAssessDTO);

childCtrl.js

if ($stateParams.assessmentId) {
    $scope.$on('assessmentData', function(s, assessmentData) {
        var assessmentData = assessmentData;
        console.log('assessmentData', assessmentData);
    });
}

Is the child loaded and is the if condition true BEFORE you attempt to broadcast? — David L
– David L, Commented May 3, 2016 at 15:27

tagkiller · Accepted Answer · 2016-05-03 15:53:56Z

2

If you want to use $broadcast you should use $rootScope.

$scope.startScanner = function() {

    $rootScope.$broadcast('scanner-started');
}

And then to receive, use the $scope of your controller:

$scope.$on('scanner-started', function(event, args) {

    // do what you want to do
});

https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$on

Regards,

answered May 3, 2016 at 15:53

tagkiller

3401 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

David L Over a year ago

This isn't necessarily correct. You only NEED to use $rootScope if emitting alongside the root scope to deal with handlers registered at that level. In this case, broadcasting from the $rootScope may actually mask scoping issues where your scopes aren't at the levels you think they are at.

Collectives™ on Stack Overflow

How to $broadcast using AngularJs?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related