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

发布时间：2020-12-17 07:58:47 所属栏目：安全来源：网络整理

导读：这不是Twitter Bootstrap问题…… 我有一个用例需要加载单独的角度应用程序. 根据几个堆栈溢出问题和this google thread,它是可行的.但是,我无法让它发挥作用. 看文档： http://docs.angularjs.org/api/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',[]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!