JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/angular/code.angularjs.org/master/1.1.0/angular.js"></script>
<script src="https://raw.github.com/angular/code.angularjs.org/master/1.1.0/angular-resource.js"></script>
<html ng-app>
    <head></head>
<body >
    <div  ng-controller="controller1"><br/>
      {{variable_1}}
      <input type="text" ng-model="variable_1" \>
      <button ng-click="broadcast_msg()">broadcast</button>
    </div>
    <div ng-controller="controller_2">
        {{message}}
    </div>
</body>
</html>

JavaScript

function controller1($scope,$rootScope){
    $scope.variable_1 = 'nothing'
        $scope.broadcast_msg = function(){
              $rootScope.$broadcast('msgEvent', $scope.variable_1)          
        }
}
        
function controller_2($scope){
        $scope.message = 'none'
        $scope.$on('msgEvent', function(e,arg){
               $scope.message = arg
        })
}