文章/答案/技术大牛

发布

社区首页 >问答首页 >基于AngularJS的子应用模块组织

问基于AngularJS的子应用模块组织
EN

Stack Overflow用户

提问于 2013-07-09 09:58:43

回答 1查看 398关注 0票数 2

使用较小的应用程序组织Angular应用程序的首选方式是什么？

我读过很多讨论组织主题的文章，这些主题涉及到内聚应用程序，但没有一篇文章是“较大的应用程序”充当较小的(可能不相关的)应用程序的外壳。

具体来说，我正在努力创建angular.module(s)。我的第一反应是做一些像这样的事情

var portal = angular.module('Portal', [ 'Admin', 'SubApp1', 'SubApp2']);

/**
 * Each of the sub-applications will have their own controllers, etc
 */
var admin = angular.module('Admin', [] );
var subApp1 = angular.module('SubApp1', []);  
var subApp2 = angular.module('SubApp2', []);

每个subApp模块都是它自己的独立应用程序。

将子应用程序模块注入到门户模块/父应用程序中是一种“Angular方式”吗？

angularjs

javascript

回答 1

Stack Overflow用户

发布于 2013-10-12 05:15:11

如果您的模块很小并且不相关，那么更好的方法是创建AngularJS应用程序的多个实例，然后分别启动它们。

这种方法的优点是：

application

separated

性能:每个应用程序的$digest阶段都是独立的，$rootScopes和applications

separation的js文件也是精简的。您可以将应用程序作为模块与更大的应用程序一起使用$rootScopes

您可以使用手动方法引导每个应用程序：

<!doctype html>
<html xmlns:ng="http://angularjs.org">
<head>
     <script src="http://code.angularjs.org/angular.js"></script>
</head>
<body>

  <div id="portlet1">
   Hello {{'World1'}}!
  </div>
  <script src="apps/app1.js"></script>

  <div id="portlet2">
   Hello {{'World2'}}!
  </div>
  <script src="apps/app2.js"></script>

  <script>
    angular.element(document).ready(function() {
      angular.bootstrap(document.getElementById('portlet1'), ['app1']);
      angular.bootstrap(document.getElementById('portlet2'), ['app2']);
    });
  </script>

</body>
</html>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17538772

复制

相似问题

问基于AngularJS的子应用模块组织
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于AngularJS的子应用模块组织EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于AngularJS的子应用模块组织
EN