angular.bootstrap運行多個角度應用程序

Question

這不是Twitter Bootstrap問題......

我有一個用例需要加載單獨的角度應用程序。

基於幾個堆棧溢出問題和這個谷歌線程 ，它是可行的。 但是，我無法讓它發揮作用。

看文檔：

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-id'和'secondapp-id'是每個應用程序（或您最喜歡的DOM元素）的容器div的id。 只需以通常的方式定義您的應用：

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