JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent" ng-controller="ParentCntl">
    This is {{get()}}.
    <div id="child" ng-controller="ChildCntl">
    </div>
</div>

JavaScript

function ParentCntl($scope) {
    $scope.msg = "";
    $scope.get = function(){
        $scope.$broadcast ('someEvent');
        return  $scope.msg;        
    }
}

function ChildCntl($scope) {    
       
    $scope.$on('someEvent', function(e) {  
        $scope.$parent.msg = ( $scope.get())
        
    });
    
    $scope.get = function(){
            return "LOL";    
    }
}