在保持index.html干净的同时使角度应用程序模块化

时间:2016-02-23 15:42:58

标签: angularjs architecture

我正在构建一个大型企业angularjs应用程序。我努力学习并使用了无数个小时来确保架构是模块化的且不依赖于它!

因此我的应用程序将包含许多不同的模块,每个模块都包含

  • 指令
  • 服务/工厂
  • 配置文件

还有更多。

然而,有一个问题我似乎无法理解!

假设您有两个模块,每个模块都有两个指令,然后在index.html文件中,您将拥有以下内容:

<script src="js/modules/module1/module1.js"></script>
<script src="js/modules/module1/directives/module1directive1.js"></script>
<script src="js/modules/module1/directives/module1directive2.js"></script>

<script src="js/modules/module2/module2.js"></script>
<script src="js/modules/module2/directives/module2directive1.js"></script>
<script src="js/modules/module2/directives/module2directive2.js"></script>

这有点“好”但是一旦指令和模块的数量增加,加载时间也会增加,也很难跟踪所有这些文件

(你知道有些模块是相互依赖的,必须按正确的顺序加载。)

既然我们已经知道module1directive1是一个仅在module1处于活动状态时才直接使用的指令,我希望有一种方法可以在需要时只包含它吗?

如果你愿意,那就是一种进口。当该指令/服务或其他模块属于它所属的模块时无法使用。

我猜我不是第一个遇到这个问题的人。但遗憾的是,我找不到任何解决这个问题的人。

1 个答案:

答案 0 :(得分:0)

你可以使用john papa aproach来处理角度应用 这里是john papa angular styleguide

的链接