为什么自举* *多个角模块到*单个*元件

Question

角documentation for the angular.bootstrap(...) method说，第二个参数是：

...一个阵列模块的加载到该应用程序。阵列中的每个项目应该是一个预定义的模块的名称或（DI注释）

我从未见过其穿过的多于一个模块中进行boostrapped到相同的DOM元素角的代码。 .. 你为什么想这么做？有角度的教程不提供示例。所以我在*上找到了this example。这个例子既自举和peopleApp到thermostatApp文件：

angular.bootstrap(document, ['peopleApp','thermostatApp']); 

如果这些应用程序有一个控制器相同的名称，会发生什么？像MyCtrl？哪个定义受到尊重？

如何对多个模块进行boostrapping;不是创建一个新ConsolidatedModule，其中有依赖到一个或多个模块你会一直boostrapped，然后就自举单ConsolidatedModule不同？即

angular.module('ConsolidatedModule', ['peopleApp', 'thermostatApp']); 
angular.bootstrap(document, ['ConsolidatedModule']) 

要清楚，我不是在谈论自举separate apps to separate DOM elements.（也显示here）

其他传闻，这让我感到困惑的是：

• 你can't shouldn't (?) bootstrap an app within another already bootstrap'd app（。 ..因为

  “遍历它的方式通过DOM和se分配范围绑定并执行指令链接功能。如果你这样做了两次，你会遇到的问题“

  - 然而，有两个模块不会，遇到问题）

• 在Angular2自举同一个元素？ ，platformBrowserDynamic.bootstrapModule(...)是单数，意味着其只接受一个参数（我找不到API），所以我更糊涂了什么意味着角1 *来引导多个模块相同DOM节点。

Answer 1

有不同之处在于在第一种情况下产生不需要的ConsolidatedModule模块

angular.module('ConsolidatedModule', ['peopleApp', 'thermostatApp']); 
angular.bootstrap(document, ['ConsolidatedModule']) 

和

angular.bootstrap(document, ['peopleApp', 'thermostatApp']) 

之间没有差别。只有1个注入器被创建，并且使用多模块自举与多自举无关。

第二个参数允许动态提供一个模块列表。即

const modulesList = ['foo']; 

if (ENV_BAR) 
    modulesList.push('bar'); 

angular.bootstrap(document, modulesList);