AngularJS Example

HTML

<div ng-app="" ng-controller="SiblingController">
  <div ng-controller="EventController">
    Root scope <tt>MyEvent</tt> count: {{count}}
    <button ng-click="$emit('MyEvent')">emit</button>
    <button ng-click="$broadcast('MyEvent')">broadcast</button>
  </div>

    
  <div ng-controller="EventController">
    sibling scope <tt>MyEvent</tt> count: {{count}}
    <button ng-click="$emit('MyEvent','test')">emit</button>
    <button ng-click="$broadcast('MyEvent')">broadcast</button>
  </div>

</div>

JavaScript

function EventController($scope) {
  $scope.count = 0;
  $scope.$on('MyEvent', function(tes) {
    $scope.count++;
    alert(tes);
  });
}

function SiblingController($scope) {
    
}