angularjs – angular.bootstrap运行多个角度应用程序

前端之家收集整理的这篇文章主要介绍了angularjs – angular.bootstrap运行多个角度应用程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这不是Twitter Bootstrap问题……

我有一个用例需要加载单独的角度应用程序.

根据几个堆栈溢出问题和this google thread,它是可行的.但是,我无法让它发挥作用.

看文档:

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

看起来你需要提供元素(如何获取元素的句柄?),然后如何将它与配置,控制器等联系起来.这对路由有何影响?似乎一个应用程序使用否则另一个使用否则,第二个将覆盖第一个?

谢谢!

获取对您的应用程序的引用,您可以执行以下操作:
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',[]);

猜你在找的Angularjs相关文章