angularjs 单个页面只能加载第一个ng-app的解决办法

最近开始接触angularJs,在写一个demo的时候发现一个页面只能加载第一个ng-app,如果有多个ng-app，后面的将不能识别，在网上找了一下，发现了答案，特地将demo发上来，供记录学习。核心解决办法：用angular.bootstrap()装在多个ng-app.

<div ng-app="app1" ng-controller="ctr1">
<span style="white-space:pre">	</span><input type="text" name="name" ng-model="firstName" />
<span style="white-space:pre">	</span><input type="text" name="name" ng-model="secondName" />
<span style="white-space:pre">	</span><p>我姓{{firstName}} 我的名叫{{secondName}}</p>
</div>
<hr>
<div id="app2" ng-app="app2" ng-controller="ctr2">
<span style="white-space:pre">	</span><input type="number" name="age" ng-model="age" />
<span style="white-space:pre">	</span><input type="text" name="sex" ng-model="sex" />
<span style="white-space:pre">	</span><p>我今年{{age}}岁啦，我是一个{{sex}}孩儿！</p>
</div><span style="white-space:pre">	</span>
<div ng-app="app3" ng-controller="ctr3" id="app3">
<span style="white-space:pre">	</span><input type="text" name="name" ng-model="firstName" />
<span style="white-space:pre">	</span><input type="text" name="name" ng-model="secondName" />
<span style="white-space:pre">	</span><p>我姓{{firstName}} 我的名叫{{secondName}}</p>
</div>
<hr>
<script type="text/javascript">
<span style="white-space:pre">	</span>var app1 = angular.module('app1',[]);
<span style="white-space:pre">	</span>app1.controller("ctr1",function($scope){
<span style="white-space:pre">		</span>$scope.firstName="xiao";
<span style="white-space:pre">		</span>$scope.secondName="ming";
<span style="white-space:pre">	</span>});


<span style="white-space:pre">	</span>var app2 = angular.module("app2",[]);
<span style="white-space:pre">	</span>app2.controller("ctr2",function($scope){
<span style="white-space:pre">		</span>$scope.age = "13";
<span style="white-space:pre">		</span>$scope.sex = "n na";
<span style="white-space:pre">	</span>});
<span style="white-space:pre">	</span>var app3 = angular.module('app3',[]);
<span style="white-space:pre">	</span>app3.controller("ctr3",function($scope){
<span style="white-space:pre">		</span>$scope.firstName="xiao";
<span style="white-space:pre">		</span>$scope.secondName="ming";
<span style="white-space:pre">	</span>});


<span style="white-space:pre">	</span> angular.bootstrap(document.getElementById("app2"), ['app2']);
<span style="white-space:pre">	</span> angular.bootstrap(document.getElementById("app3"),['app3'])

亲测有效