JSFiddle - React, Tailwind, and code Playground

by aaronfrost

HTML

<div ng-app="foo">
    <div ng-controller="main">
        {{baz}}
    </div>
</div>

JavaScript

angular.module('foo',['bar'])
.controller('main', function($scope, baz){
    $scope.baz = baz.getHello();
});
//This baz service is used instead of the baz service on the bar module, which is a dependency for of the foo module
angular.module('foo').factory('baz',function(){
    return {
        getHello : function(){
            return 'foobaz Hello';    
        }
    }
});

angular.module('bar',[]).factory('baz',function(){
    return {
        getHello : function(){
            return 'barbaz Hello';    
        }
    }
});