Two ng-views Example

HTML

<script src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script>
<script src="http://code.angularjs.org/1.2.0-rc.2/angular-route.js"></script>
<div ng-app="app1">
    <div ng-controller="MainController">{{time}}</div>
    <div ng-view></div>
</div>
<div ng-app="app2">
    <div ng-controller="MainController">{{time}}</div>
    <div ng-view></div>
</div>

JavaScript

angular.module('controllers', []).
controller('MainController', ['$scope', function($scope) {
    $scope.time = new Date();
}]);
console.log('TEST');
angular.module('app1', ['controllers', 'ngRoute']).config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/', {
        template: 'FOO4'
      });
  }]);

angular.module('app2', ['controllers', 'ngRoute']).config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/', {
        template: 'FOO3'
      });
  }]);