AngularJS - Communication Between Controllers

This is an example of how to use a custom service to facilitate communicate between multiple controllers using $rootscope as an event bus.

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc9.js"></script>
<div ng-controller="ControllerZero">
    <input ng-model="v.msg1">
    <button ng-click="handleClick(message);">LOG</button>
 
    <div ng-controller="ControllerOne">
        <input ng-model="v.msg2" >
        <button ng-click="handleClick();">LOG 2</button>
    </div>    
</div>

JavaScript

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

function ControllerZero($scope) {
    $scope.v = { msg1: '', msg2: '' }
    $scope.handleClick = function(msg) {
        $scope.v.msg2 = $scope.v.msg1;
    };
}

function ControllerOne($scope) {
    $scope.handleClick = function() {
        $scope.v.msg1 = $scope.v.msg2;
    };
    
}

ControllerZero.$inject = ['$scope'];

ControllerOne.$inject = ['$scope'];