JSFiddle - React, Tailwind, and code Playground

by ricardohbin

HTML

<div ng-app="Test">
    <div ng-controller="RootCtrl">
        <button ng-click="triggerEvent()">Hit me</button>
        <div ng-controller="InnerCtrl">
        {{dataAsync.fake}}
        </div>
    </div>    
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://docs.angularjs.org/angular-1.0.1.min.js"></script>

JavaScript

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

module.controller('RootCtrl', ['$scope', function ($scope) {
    $scope.triggerEvent = function () {
        $scope.$broadcast('Vio', {fake: 'Hello!'});        
    };
}]);
    
module.controller('InnerCtrl', ['$scope', function ($scope) {    
   $scope.$on('Vio',function (event, data) {
       $scope.dataAsync = data;
   });
}]);