ng-modules to replace ng-apps BUT ...

when html5provider is turned on but with no routeprovider

by Joseph Tate

HTML

<script src="http://rawgit.com/luisperezphd/ngModule/master/angular.ng-modules.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.js"></script>
<div ng-modules="AppOne,AppTwo">
    <h1>App One and Two </h1>
    <div ng-controller="ControllerOne">
        {{name}}
    </div>
    <div ng-controller="ControllerTwo">
        {{name}}
    </div>
</div>

JavaScript

angular.module("AppOne", [])
.controller("ControllerOne", function($scope) {
    $scope.name = "Bob A";
});

angular.module('AppOne')
.config(function ( $locationProvider) {
    $locationProvider.html5Mode(true);
    $locationProvider.hashPrefix('!');
});

angular.module("AppTwo", [])
.controller("ControllerTwo", function($scope) {
    $scope.name = "Steve B";
});