爲什麼自舉* *多個角模塊到*單個*元件

Question

角documentation for the angular.bootstrap(...) method說，第二個參數是：

...一個陣列模塊的加載到該應用程序。陣列中的每個項目應該是一個預定義的模塊的名稱或（DI註釋）

我從未見過其穿過的多於一個模塊中進行boostrapped到相同的DOM元素角的代碼。 .. 你爲什麼想這麼做？有角度的教程不提供示例。所以我在StackOverflow上找到了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);