JSFiddle - React, Tailwind, and code Playground
HTML
<div id="module1"></div>
<div id="module2"></div>
JavaScript
angular.module('module3',[]);
angular.module('module3').service('Service1',function()
{
console.log('Call Service1 function');
return {'timeCreate':+new Date()};
});
angular.module('module1',['module3']);
angular.module('module2',['module3']);
angular.module('module1').run(function(Service1){
console.log('run module1');
console.log('Service1 in module1', Service1);
});
angular.module('module2').run(function(Service1){
console.log('run module2');
console.log('Service1 in module2', Service1);
});
angular.bootstrap(document.getElementById('module1'),['module1']);
angular.bootstrap(document.getElementById('module2'),['module2']);