31

我是 angularJS 的新手。我设法使用 angularJS 构建了一个 phonegap 应用程序。该应用程序正常并且运行良好。问题是，现在我对 angularJS 的工作原理有了更多的了解（至少我认为我有），我担心我的应用程序文件结构和代码可维护性。我的项目遵循角种子模式。GitHub上的Angular Seed，我有这个结构：

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

在研究了如何使用 AngularJS 构建应用程序之后，我发现了一些关于它的非常好的文章：使用 AngularJS 构建 Huuuuuge 应用程序和如何构建大型 ANGULARJS 应用程序

我的问题对我来说似乎很愚蠢，但我找不到出路。我设法将我的控制器分成不同的文件，现在我有了这个结构：

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js

我正在努力解决的问题是，在我的应用程序之前，我只有一个 controller.js 文件。在我的 index.html 文件中，我通常使用 script 标签加载所有脚本文件。现在我的控制器有 4 个不同的 .js 文件，如何将它们加载到我的 index.html 文件中？我必须在那里加载它们吗？

在我看来，这样加载 index.html 文件中的所有脚本并不正确（我知道拥有一个文件，代码将以相同的方式加载，对我来说，在那里打包了许多脚本标签很奇怪） . 我在 github 和他们的 index.html 上找到了 ng-boilerplate 项目，它们动态加载脚本。问题是，我现在无法启动新的 ng-bolierplate，而且我找不到他们是如何做到的。对不起，很长的文字。谢谢！

4

2 回答 2

12

在 index.html 中以自己的标记引用每个脚本文件绝对是一种方法，也是最直接的方法。但是，如果您想要更简洁的东西，请查看将 Angular 与 RequireJS 结合的各种指南之一：

http://www.startersquad.com/blog/angularjs-requirejs/

将 Require.js 与 Angular.js 一起使用是否有意义？

这种方法主要是为了解决为了满足依赖关系而加载文件的顺序问题，但它也有清理 index.html 的结果......尽管以其他地方的额外配置为代价。

于 2013-12-17T12:36:00.957 回答
3

使用http://browserify.org/

您可以在浏览器中从 node.js 中获得非常简单和优雅的commonjs 模块和许多令人惊叹的库。

代码被捆绑到单个 js 文件中。

于 2015-07-24T15:41:16.220 回答