JSFiddle - React, Tailwind, and code Playground

by Luis Perez

HTML

<script src="http://rawgit.com/luisperezphd/ngModule/master/angular.ng-modules.js"></script>
<div ng-modules="MyModuleB">
    <h1>Module A, B</h1>
    <div ng-controller="MyControllerB">
        <button ng-click="triggerSayHi()">Say Hi</button>
    </div>
</div>

JavaScript

var moduleA = angular.module("MyModuleA", []);
moduleA.service("MyService", function() {
    return {
        sayHi: function() {
            alert("hi!");
        }
    };
});

var moduleB = angular.module("MyModuleB", ["MyModuleA"]);
moduleB.controller("MyControllerB", function($scope, MyService) {
    $scope.triggerSayHi = function() {
        MyService.sayHi();
    };
});