JSFiddle - React, Tailwind, and code Playground

by zequez

HTML

<div id='app1' ng-controller='app1'>
    <input ng-model='sharedThing.salute' />
</div>
<div id='app2' ng-controller='app2'>
    <input ng-model='sharedThing.salute' />
</div>

JavaScript

angular.module('common', []).service('sharedThing', [function () {
    this.salute = 'Hello';
}]);

angular.module('app1', ['common']).controller('app1', ['$scope', 'sharedThing', function ($scope, sharedThing) {
    $scope.sharedThing = sharedThing;
}]);

angular.module('app2', ['common']).controller('app2', ['$scope', 'sharedThing', function ($scope, sharedThing) {
    $scope.sharedThing = sharedThing;
}]);

angular.module('father', ['app1', 'app2']).run(['$injector', function($injector) {
    
}]);

angular.bootstrap(document.createElement('div'), ['father']);