JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="DemoCtrl">
  <button ng-click="broadCastEvent()">
      Click For event firing! :)
  </button>
  </div>
  <div ng-controller="DemoCtrl2">
    <label ng-if="eventFired">Event fired successfully: {{eventFired}}</label>
  </div>
</div>

JavaScript

var app = angular.module('myApp', []);

app.controller('DemoCtrl', function($scope, $rootScope) {
  $scope.broadCastEvent = function() {
    $rootScope.$broadcast('language_changed');
  };
});

app.controller('DemoCtrl2', function($scope) {

  $scope.$on('language_changed', function() {
    $scope.eventFired = !$scope.eventFired;
  });
})