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

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