Warum Bootstrap * * Angular mehr Module zu einem einzigen * * Elemente

Question

Die Winkel documentation for the angular.bootstrap(...) method sagen das zweite Argument ist:

... eine Array von Modulen in die Anwendung zu laden. Jedes Element in dem Array sollte der Name eines vordefinierten Modul sein oder ein (DI kommentierte)

I nie Angular Code gesehen hatte, die vergeht ein mehr als ein Modul in boostrapped zum gleichen DOM Element zu sein. .. Warum willst du das machen? Winkel Tutorials bieten kein Beispiel. Also habe ich this example auf StackOverflow gefunden. Dieses Beispiel Schopf aus dem Sumpf sowohl peopleApp und thermostatApp auf das Dokument:

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

Was passiert, wenn diese Anwendungen die gleichen Namen für einen Controller haben? Wie MyCtrl? Welche Definition wird respektiert?

Wie funktioniert das Boosten mehrerer Module? anders als eine neues ConsolidatedModule zu schaffen, die hat Abhängigkeiten die ein oder mehrere Module Sie und dann Bootstrapping nur die einzigenConsolidatedModule boostrapped haben würden? dh

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

klar sein, ich spreche nicht über separate apps to separate DOM elements. Bootstrapping

Andere anekdotische Hinweise (auch here gezeigt), die mich verwirrt darüber macht:

• Sie can't shouldn't (?) bootstrap an app within another already bootstrap'd app (. .. weil

  "seinen Weg durch das DOM und se Scope-Bindings aufsetzen und Direktive-Linking-Funktionen ausführen. Wenn Sie das zweimal tun, Sie gehen auf Probleme stoßen „

  -. Und doch das gleiche Element mit zwei Modulen Bootstrapping wird nicht Lauf Probleme)

• In Angular2? ist platformBrowserDynamic.bootstrapModule(...) Singular, impliziert es nur akzeptiert einziges Argument (ich nicht die API finden konnte), so bin ich noch mehr verwirrt, was es bedeutet, in Winkel 1. * mehr Module zum selben Bootstrap DOM-Knoten

Answer 1

Es gibt keinen Unterschied zwischen

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

und

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

außer unnötigem ConsolidatedModule-Modul, das im ersten Fall erstellt wird.Nur 1 Injektor wird erstellt, und Bootstrapping mit mehreren Modulen hat nichts mit multiple Bootstrapping zu tun.

Das zweite Argument ermöglicht es, eine Liste von Modulen dynamisch bereitzustellen. I.e.

const modulesList = ['foo']; 

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

angular.bootstrap(document, modulesList);