Angular: Mulitple app on one page

http://angularjs.org/

by ramandv

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<div id="my-app">
  <div ng-controller="MyCtrl">Hello, {{name}}!</div>
</div>

<div id="other-app">
  <div ng-controller="MyCtrl">Hello, {{name}}!</div>
</div>

JavaScript

var app = angular.module('myApp', []);

app.controller('MyCtrl', ['$scope', function ($scope) {
  $scope.name = 'Superhero';
}]); 


angular.element(document).ready(function() {
  
  var app = document.getElementById('my-app');
  var otherApp = document.getElementById('other-app');
    
    angular.bootstrap(app, ['myApp']);
    angular.bootstrap(otherApp, ['myApp']);
});