javascript – AngularJS应用程序:如何包括.js文件到index.html

我是angularJS的新人。我设法使用angularJS构建一个phonegap应用程序。该应用程序是确定和运行只是罚款。问题是,现在我有一个更多的了解angularJS如何工作(至少我认为我有),我担心我的应用程序文件结构和代码的可维护性。我的项目遵循角种子模式。 Angular Seed on GitHub我有这样的结构:

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

在研究如何使用angularJS构建应用程序后,我发现了一些非常好的文章:Building Huuuuuge Apps with AngularJSHOW TO STRUCTURE LARGE ANGULARJS APPLICATIONS

我的问题对我来说很蠢,但我找不到出路。我设法将我的控制器分为不同的文件,我现在有这样的结构:

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

我努力的事情是,在我的应用程序的方式,我只有一个controller.js文件。在我的index.html文件中,我通常使用脚本标记加载所有脚本文件。现在我有4个不同的.js文件为我的控制器,如何加载到我的index.html文件?我必须把它们都加载到那里吗?

它看起来不正确,我加载index.html文件中的所有脚本(我知道有一个文件的代码将以相同的方式加载,这是很奇怪,我有许多脚本标签包装在那里) 。我在github上发现了ng-boilerplate项目,并在他们的index.html上动态加载脚本。问题是,我现在不能开始一个新的ng-bolierplate,我找不到他们是如何做到的。对不起,长文本。谢谢!

最佳答案
在index.html中引用自己标签中的每个脚本文件绝对是一种方法,而且是最直接的。然而,如果你想要一些更干净的,看看一个各种指南结合Angular和RequireJS:

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

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

这种方法的目的主要是解决加载文件以满足依赖性的顺序的问题,但它也有清理index.html的后果…虽然以其他地方的额外配置为代价。

转载注明原文:javascript – AngularJS应用程序:如何包括.js文件到index.html - 代码日志