How to stop $broadcast events from PROPAGATING down the scope chain?

Question

I have seen similar questions , But they are dealt by marking the event with defaultPrevented:yes to tell the children not to process the event.Is there any way we can stop the propagation of the event down the scope hierarchy?

My scenario is that the controller broadcasting the event have many child scopes out of which only the first child scope needs the event.So taking performance it to consideration i was trying to stop the event propagation at the first level itself.The scenario is illustrated in this fiddle

Is that possible?

This answer might help you http://stackoverflow.com/questions/15420765/how-to-stop-broadcast-events-in-angularjs — devqon, Jun 03 '15 at 12:30
Please show some code so we can see what you are working with — charlietfl, Jun 03 '15 at 12:34
I would be wary of premature optimization: how much time does this propagation actually take in your real app? Do other things take longer (e.g. watchers in e digest cycle)? — Michal Charemza, Jun 04 '15 at 06:56
If you just want to handle the event in one place would it be easier just to remove the listener on the other scopes? — Raulucco, Jun 04 '15 at 08:11
Have you shown that performance is actually an issue in this scenario? — toxaq, Jan 11 '16 at 23:48
I found a good explanation for your requirements here http://stackoverflow.com/questions/14898296/how-to-unsubscribe-to-a-broadcast-event-in-angularjs-how-to-remove-function-reg — Prostil Hardi, Feb 17 '16 at 07:53

score 1 · Answer 1 · answered Jan 05 '17 at 12:37

1

You can't prevent a $broadcast from propagating down the child scopes. instead you can use event.preventDefault() in child controller listeners to let them ignore this broadcast event.

answered Jan 05 '17 at 12:37

iamntg

29
6

How to stop $broadcast events from PROPAGATING down the scope chain?

1 Answers1