Module 使用angularjs在一个页面中提供多个模块

如何在一个页面中使用多个模块

我读了一些文档，他们说我不能使用

ngApp

指令，应该使用

angular.bootstrap

我的HTML代码：

<div id="M1">
  <div ng-controller="Ctrl">
     <h1>Hello {{name}}</h1>
  </div>
</div>
<div id="M2">
  <div ng-controller="Ctrl">
    [{{name}}]
  </div>
</div>

但它不起作用

---

这是一个现场演示：

似乎启动太快了。修改两个引导行，使其在文档准备就绪时发生：

angular.element(document).ready(function() { 
    angular.bootstrap(document.getElementById('M1'), ['M1']);
    angular.bootstrap(document.getElementById('M2'), ['M2']);
});

以这种方式修改plnkr时，两个应用程序都开始正常工作

现场演示：

angular.element(document).ready(function() { 
    angular.bootstrap(document.getElementById('M1'), ['M1']);
    angular.bootstrap(document.getElementById('M2'), ['M2']);
});