JSFiddle - React, Tailwind, and code Playground

by ajai jothi

HTML

<div id="app1">
    <div ng-controller="t1c">{{name}}</div>
</div>
<div id="app2">
    <div ng-controller="t2c">{{name}}</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular.min.js"></script>

JavaScript

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

app1.controller('t1c', function($scope, $compile){
    $scope.name = 't1';
});

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

app2.controller('t2c', function($scope, $compile){
    $scope.name = 't2';
});

angular.bootstrap($('#app1')[0], ['test1']);
angular.bootstrap($('#app2')[0], ['test2']);