Question

135

How can I send a message from one controller to another in AngularJS?

rated 0 times [ 138] [ 3] / answers: 1 / hits: 16373 / 11 Years ago, sun, july 21, 2013, 12:00:00

I have the following set up:

stApp.controller('AdminTableController', ['$rootScope', '$scope', 'gridService', 

            function ($rootScope, $scope, gridService) {

    $scope.$watch('tableData.$pristine', function (newValue) {

        $rootScope.broadcast(tableDataUpdated, {

            state: page.$pristine

        });

    });

}])



stApp.controller('AdminGridController', ['$rootScope', '$scope', 'gridService',

            function ($rootScope, $scope, gridService) {

    $rootScope.on(tableDataUpdated, function (args) {

        //args.state would have the state.

        alert(args.state);

    });

}])

When I run this code I am getting a message:

Object #<Object> has no method 'on'

Note that I tried this with both $rootScope.on and $scope.on

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

makaylahk

Add To Favorites

Follow

Total Points: 166

Total Questions: 94

Total Answers: 117

Location: Gabon

Member since Sat, Jul 25, 2020

4 Years ago

makaylahk questions

1 Electron store data locally without localstorage

Tue, Apr 26, 22, 00:00, 2 Years ago

1 Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response when using http get req from JS to SlackAPI

Mon, Feb 28, 22, 00:00, 2 Years ago

1 How do I use the useState hook to change the color of my react icons to blue?

Wed, Jul 21, 21, 00:00, 3 Years ago

1 Property 'selectionStart' does not exist on type 'EventTarget'

Fri, Mar 19, 21, 00:00, 3 Years ago

1 How can I pass multiple values in a single prop in react?

Sat, Feb 27, 21, 00:00, 3 Years ago

View All

answered 11 Years ago earllutherf · Accepted Answer

You must have meant $broadcast and $on (rather than broadcast and on), that is:

$rootScope.$broadcast(tableDataUpdated, { state: page.$pristine });

// ...

$rootScope.$on(tableDataUpdated, function (args) {

// ...

It's worth noting that $broadcast is used to delegate events to child or sibling scopes, whereas $emit will bubble events upwards to the scope's parents, hence;

When choosing $broadcast (and not $emit), one should either inject the root scope for tying the $on (as you nicely did) or call $on on the receiver's isolated scope, be it a child scope of the dispatcher.

See this post for elaboration on $emit and $broadcast.