JSFiddle - React, Tailwind, and code Playground

by paullyvenne

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

<script type="text/javascript">
    /////////////////////////////////////////////////////////
    // This app/controller is working                      //
    /////////////////////////////////////////////////////////
    var app1 = angular.module("myapp1", []);
    app1.controller('Ctrl1', function($scope){
        $scope.variable = "Ctrl1 Working";
    });
    
    /////////////////////////////////////////////////////////
    // I don't know why this app/controller is not working //
    /////////////////////////////////////////////////////////
    var app2 = angular.module("myapp2", []);
    app2.controller('Ctrl2', function($scope){
        $scope.variable = "Ctrl2 Working";
    });
</script>

<body>
    <div ng-app="myapp1" ng-controller="Ctrl1">
        <p>{{variable}}</p>
    </div>    
    
    <div ng-app="myapp2" ng-controller="Ctrl2">
        <p>{{variable}}</p>
    </div>   
</body>