slattery/jsbin.ozuyus.html

## jsbin.ozuyus.html
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body ng-app>
  <div ng-controller="ParentCtrl">
    <p>{{foo}}</p>
    <div ng-controller="ChildCtrl">
      <button ng-click="onButtonClick()">{{buttonTitle}}</button>
    </div>
  </div>
</body>
</html>

## jsbin.ozuyus.js
function ParentCtrl($scope){
 $scope.foo = "Hello";

 //Emit to Parent example part 2
 $scope.$on("UPDATE_PARENT", function(event, message){
   $scope.foo = message;


   //Broadcast to Child example part 1
   $scope.$broadcast("DO_BIDDING", {
     buttonTitle : "Taken over",
     onButtonClick : function(){
       $scope.foo = "HAHA this button no longer works!";
     }
   });


 });
}

function ChildCtrl($scope){
  $scope.buttonTitle = "Update Parent";
  $scope.onButtonClick = function(){

    //Emit to Parent example part 1
    this.$emit("UPDATE_PARENT", "Updated");
  };

  //Broadcast to Child example part 2
  $scope.$on("DO_BIDDING", function(event, data){
    for(var i in data){
      $scope[i] = data[i];
    }
  });

}
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body ng-app>
	<div ng-controller="ParentCtrl">
	<p>{{foo}}</p>
	<div ng-controller="ChildCtrl">
	<button ng-click="onButtonClick()">{{buttonTitle}}</button>
	</div>
	</div>
	</body>
	</html>
	function ParentCtrl($scope){
	$scope.foo = "Hello";

	//Emit to Parent example part 2
	$scope.$on("UPDATE_PARENT", function(event, message){
	$scope.foo = message;


	//Broadcast to Child example part 1
	$scope.$broadcast("DO_BIDDING", {
	buttonTitle : "Taken over",
	onButtonClick : function(){
	$scope.foo = "HAHA this button no longer works!";
	}
	});


	});
	}

	function ChildCtrl($scope){
	$scope.buttonTitle = "Update Parent";
	$scope.onButtonClick = function(){

	//Emit to Parent example part 1
	this.$emit("UPDATE_PARENT", "Updated");
	};

	//Broadcast to Child example part 2
	$scope.$on("DO_BIDDING", function(event, data){
	for(var i in data){
	$scope[i] = data[i];
	}
	});

	}