javascript - AngularJS App : How to include . js文件放入index.html

Question

我是 angularJS 的新手。我设法使用 angularJS 构建了一个 phonegap 应用程序。该应用程序正常，运行良好。问题是，既然我对 angularJS 的工作原理有了更多了解(至少我认为我了解了)，我担心我的应用程序文件结构和代码可维护性。我的项目遵循 Angular 种子模式。 Angular Seed on GitHub我有这个结构的地方:

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

在研究了如何使用 angularJS 构建应用程序之后，我发现了一些关于它的非常好的文章:Building Huuuuuge Apps with AngularJS和 HOW TO STRUCTURE LARGE ANGULARJS APPLICATIONS

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

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

让我苦恼的是，在我的应用程序之前，我只有一个 controller.js 文件。在我的 index.html 文件中，我通常使用脚本标签加载所有脚本文件。现在我的 Controller 有 4 个不同的 .js 文件，如何将它们加载到我的 index.html 文件中？我必须把它们都装在那里吗？

像这样加载 index.html 文件中的所有脚本对我来说不合适(我知道有一个文件代码将以相同的方式加载，我觉得有很多脚本标签很奇怪装在那里)。我在 github 和他们的 index.html 上找到了 ng-boilerplate 项目，他们以动态方式加载脚本。问题是，我现在无法启动新的 ng-bolierplate，而且我找不到他们是如何做到的。抱歉，文字很长。谢谢!

Answer 1

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

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

Does it make sense to use Require.js with Angular.js?

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