AngularJS $broadcast with multiple parameters

angularjs events broadcast
blaa picture blaa · Jul 6, 2016 · Viewed 21.5k times · Source

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 ?

Answer

Duncan picture Duncan · Jul 6, 2016

Just put the parameters into an object:

$scope.$broadcast('event', { a: item1, b: item2 })

Then access them from the second argument to the callback:

$scope.$on('event', function(event, opt) {
 // access opt.a, opt.b
});

Or if using ES2015 syntax you can unpack the arguments:

$scope.$on('event', (event, {a,b}) => {
 // access them just as a, b
});

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 event to call after content is loaded

I have a function which I want to call after page content is loaded. I read about $viewContentLoaded and it doesn't work for me. I am looking for something like document.addEventListener('DOMContentLoaded', function () { //Content goes here }, false); Above call …

Read More
Watch multiple $scope attributes

Is there a way to subscribe to events on multiple objects using $watch E.g. $scope.$watch('item1, item2', function () { });

Read More