angular.bootstrap запускать несколько угловых приложений

Question

Это НЕ Twitter Bootstrap вопрос ...

У меня есть случай использования, который требует загрузки отдельных угловых приложений.

Основываясь на нескольких вопросах переполнения стека и this google thread, это выполнимо. Однако я не могу заставить его работать.

Глядя на документацию:

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

Похоже, что вам необходимо предоставить элемент (? Как получить ручку на элемент), а затем, как связать его обратно к конфигурации, контроллеры и т. д. И как это будет работать с маршрутами? Кажется, что если одно приложение использует иначе, а другое использует иначе, второе будет просто переопределять первое?

Спасибо!

Answer 1

, чтобы захватить ссылки на приложение (ы), вы можете сделать что-то вдоль линий:

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

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

где «firstapp» и «secondapp» являются имена модулей/приложений, и «firstapp-идентификатор» и 'secondapp-id' являются идентификаторами контейнера div для каждого приложения (или вашего любимого элемента DOM). просто определите свои приложения обычным способом:

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