angular.bootstrap uruchamianie wielu aplikacji kątowych

Question

To nie jest kwestia Twitter Bootstrap ...

Mam przypadek użycia, który wymaga ładowania oddzielnych aplikacji kątowych.

Na podstawie kilku pytań przepełnienia stosu i this google thread, jest to wykonalne. Jednak nie mogę go uruchomić.

Patrząc na dokumentacji:

http://docs.angularjs.org/api/angular.bootstrap

Wygląda na to trzeba dostarczyć element (? Jak uzyskać uchwyt na elemencie), a następnie w jaki sposób powiązać ją z powrotem do config, kontrolerów itp. A jak by to działało na trasach? Wydaje się, że jeśli jedna aplikacja używa inaczej, a druga używa inaczej, druga może zastąpić pierwszą?

Dzięki!

Answer 1

chwycić odniesień do swojej aplikacji (-ów), można zrobić coś wzdłuż linii:

var first = document.getElementById('firstapp-id'); 
var second = document.getElementById('secondapp-id'); 

angular.bootstrap(angular.element(first), ['firstapp']); 
angular.bootstrap(angular.element(second), ['secondapp']); 

gdzie 'firstapp' i 'secondapp' są nazwami moduł/app i 'firstapp-id' a "secondapp-id" to id kontenera div dla każdej aplikacji (lub twojego ulubionego elementu DOM). po prostu zdefiniuj swoje aplikacje w zwykły sposób:

var firstapp = angular.module('firstapp', []); 
var secondapp = angular.module('secondapp', []);