首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS应用程序:如何将.js文件包含到index.html中

AngularJS应用程序:如何将.js文件包含到index.html中
EN

Stack Overflow用户
提问于 2013-12-17 20:21:25
回答 2查看 65.6K关注 0票数 31

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

代码语言:javascript
运行
复制
js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

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

我的问题对我来说似乎很愚蠢,但我找不到解决的办法。我设法将我的控制器分离到不同的文件中,现在我有了这样的结构:

代码语言:javascript
运行
复制
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,我也找不到他们是如何做到的。很抱歉发了这么长的短信。谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-12-17 20:36:01

在index.html中,在各自的标记中引用每个脚本文件肯定是一种方法,也是最简单的方法。然而,如果你想要更干净的东西,看看将Angular与RequireJS结合起来的各种指南之一:

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

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

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

票数 12
EN

Stack Overflow用户

发布于 2015-07-24 23:41:16

使用http://browserify.org/

您可以在浏览器中获得简单而优雅的commonjs modules和大量来自node.js的令人惊叹的库。

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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20633995

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档