AngularJS event propagation--siblings?

angularjs events broadcast emit
core picture core · Sep 5, 2014 · Viewed 7.9k times · Source

I understand that $emit sends messages up the DOM tree, and $broadcast sends messages down.

What about sending messages between sibling DOM elements—how do I do that?

Answer

Mathew Berg picture Mathew Berg · Sep 5, 2014

It does not send it up the DOM tree. It sends it up the scope tree, so there's no concept of sibling DOM elements when dealing with scopes. What you can do with $emit though is $emit it up to the parent, stop the propagation and then broadcast which all the siblings will pick up (as well as their children)

Related questions

scope.$on is not working when created inside a directive

I have created a directive for my application which is mentioned in the following question How do you serve a file for download with AngularJS or Javascript? Directive code is as like below appModule.directive('fileDownload', function ($compile) { var fd = { …

Read More
AngularJS $broadcast with multiple parameters

Can I have a $broadcast $on with multiple parameters, something like: $scope.$broadcast('event',$scope.item, $scope.item); Is it possible to have something like this or something similar in any case ?

Read More
$broadcast event not received by controller

So I have an angularjs app with several partial views and one controller per partial view. I also have a service which will $broadcast events from the $rootScope: $rootScope.$broadcast('MyEvent', 'message'); Currently there is only one controller listening for …

Read More