AngularJs $parse $broadcast $emit and $on

$parse, $broadcast, $emit and $on in AngularJs

 The AngularJs provide services for event based communication between the controllers. i.e.


          1.  $parse,
          2.   $on,
          3.    $emit and
          4.     $broadcast



The $scope.$on() is how we listen for these events.
The $scope.$emit() will fire an event up the $scope.
The $scope.$broadcast() will fire an event down the $scope.





//THE BROADCAST EVENT FIRING AN EVENT DOWNWARDS
$scope.$broadcast('yourEvent', {
    yourBroadcast: 'broadcast whatever you want.' // send whatever you want
});

//THE BROADCAST EVENT LISTEN FOR THE EVENT IN THE RELEVANT $SCOPE
$scope.$on('yourEvent', function (e, data) {
    alert(JSON.stringify(data));
});

// THE BROADCAST EVENT FIRING AN EVENT UPWARDS
$scope.$emit('yourEvent', 'Your custom message');




ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book