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

标签 javascript angularjs angular-seed

我是 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 AngularJSHOW 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,而且我找不到他们是如何做到的。抱歉,文字很长。谢谢!

最佳答案

在 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 App : How to include . js文件放入index.html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20633995/

相关文章:

javascript - 什么是 OWASP?为什么我们需要那个?

javascript - bower_components 在错误的目录中创建

node.js - 这是在平均堆栈上进行数据库搜索的最佳方法

angularjs - 使用 karma 运行 angularjs 单元测试时,如何在终端中查看 $log 调用?

javascript - 将范围添加到 Angular-Seed 默认 View Controller 时,测试套件现在失败

javascript - 在 Node.js 中的两个数组中查找匹配字符串的最有效和优雅的方法

javascript - 在灯箱中的图像上添加热点链接

javascript - 表单隐藏字段中的字符串替换 - JS

angular - Ang2-bootstrap btnRadio 在 Angular 2 rc2 种子项目中。与 ngModel 的双向绑定(bind)已损坏?

javascript - 将div光标设置到嵌套li的选定值的点