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.get = function(){
        var result;
        $scope.$broadcast ('someEvent', function(data) {
            result = data;        
        });
        return result;
    }
}

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