<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.2.0-rc2" data-semver="1.2.0-rc2" src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body id="container" ng-controller="ContainerCtrl">
<h1>{{message}}</h1>
<div id="game">
<div ng-controller="GameCtrl">
<h1>{{message}}</h1>
</div>
</div>
</body>
</html>
// the Container
var container = angular.module('container', []);
container.controller('ContainerCtrl', function($scope) {
$scope.message = "Hello Container!"
});
// the Game
var game = angular.module('game', []);
game.controller('GameCtrl', function($scope) {
$scope.message = "Hello Game!";
});
angular.element(document).ready(function() {
angular.bootstrap(document.getElementById('container'), ['container']);
angular.bootstrap(document.getElementById('game'), ['game']);
});
/* Styles go here */