JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myapp">
  <div ng-controller="moduleAController as moduleACtrl">
    <span>{{moduleACtrl.test}}</span>
  </div>
  <div ng-controller="moduleBController as moduleBCtrl">
    <span>{{moduleBCtrl.test}}</span>
  </div>
  <div ng-controller="appController as appCtrl">
    <span>{{appCtrl.test}}</span>
  </div>
</div>

JavaScript

angular.module("moduleA", []).controller('moduleAController', function() {
  this.test = 'Works - Module A';
});

angular.module("moduleB", ["moduleA"]).controller('moduleBController', function() {
  this.test = 'Works - Module B';
});

angular.module("myapp", ["moduleB"]).controller('appController', function(){
	this.test = 'Works - App Controller';
});