JSFiddle - React, Tailwind, and code Playground

by wittwerj

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<div ng-controller="CtrlParent">

</div>

JavaScript

angular.module("myApp",[])
.controller("CtrlParent",function($scope){
      $scope.ParentFunc= function(){
          alert("This is Parent");
         // $scope.$on("hello");
      }
    })
.controller('CtrlBigChild',function($scope){
        $scope.BigChildFunc= function(){
            alert("This is Big Child");
           // $scope.$on("hello");
        }
    })
.controller('CtrlChildOne',function($scope){
        $scope.ChildOneFunc= function(){
            alert("This is Child One");
         //   $scope.$on("hello");
        }
    })
.controller('CtrlChildTwo',function($scope){
        $scope.CtrlChildTwoFunc= function(){
            alert("This is Child Two");
          //  $scope.$on("hello");
        }
})
.controller('CtrlChildOneChild',function ($scope){
        $scope.ChildOneChildFunc= function(){
            alert("This is Child one's Child");
         //   $scope.$on("hello");
        }
    })
.controller('CtrlChildTwoChild',function($scope){
        $scope.ChildTwoChildFunc= function(){
            alert("This is Child Two's Child");
        //    $scope.$on("hello");

        }
    })