angularjs - angular.bootstrap 运行多个 Angular 应用程序

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', []);