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

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

$parse, $broadcast, $emit and $on in AngularJs $parse, $broadcast, $emit and $on in AngularJs Reviewed by Anil Singh on 6:00 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^