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