Angular Multiple Module bootstrap

by Laxmikant Dange

HTML

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<div ng-app="model1">
  <div ng-controller="testController">
    {{testVar}}
  </div>
</div><div>
  
</div>

<div id="div2">
  <div ng-controller="testController">
    {{testVar}}
  </div>
</div>

JavaScript

angular.module('model1',[])
	.controller('testController',function($scope){
  	$scope.testVar="First application";
    $scope.testVar2="Another variable";
  });
  
  angular.module('model2',[])
	.controller('testController',function($scope){
  	$scope.testVar="Second application"
  });
  angular.bootstrap($("#div2"),['model2'])