angular module enforcement issue

by ronapelbaum

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
    <div>{{data}}</div>
</div>

JavaScript

angular.module('a', []).service('ServiceA', function() {
    this.getName = function() {
        return 'bob';
    }
});
angular.module('b', []).service('ServiceB', ['ServiceA', function(ServiceA) {
    this.greet = function() {
        return 'Hello ' + ServiceA.getName()
    }
}]);
angular.module("app", ['a', 'b'])
    .controller("myCtrl", function($scope, ServiceB) {
        $scope.data = ServiceB.greet();
});