html ng-app,为什么AngularJs写了2个及以上的ng-app=""会导致页面渲染不成功

当代码是这样的时候，页面正确渲染：

AngularJs学习(13)

AngularJS HTML DOM

ng-disabled 指令

{{ mySwitch}}

点我

效果：

当代码是这样的时候：

AngularJs学习(13)

AngularJS HTML DOM

ng-disabled 指令

{{ mySwitch}}

点我

ng-show 指令

我是可见的

我是不可见的

页面效果：

原因：

AngularJs默认只加载一个ng-app，并且是第一个。

解决方法：

如果需要加载多个ng-app，需要手动加载，代码如下：

AngularJs学习(13)

AngularJS HTML DOM

ng-disabled 指令

{{ mySwitch}}

点我

ng-show 指令

我是可见的

我是不可见的

//手动加载app2

var app1 = angular.module("app1",[]);

var app2 = angular.module("app2", []);

angular.bootstrap(document.getElementById("app2"),['app2']);