Angularjs包含javascript文件

Question

您好，我正在使用没有jQuery的angularjs（并希望保持这种状态）。

现在，我将包含如下的JavaScript文件：

<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/angular-touch/angular-touch.min.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/directives.js"></script>
<script src="js/services.js"></script>
<script src="js/filters.js"></script>

这不是一个好方法。 因为如果我要为HomeController创建一个信号文件，为AboutController创建一个文件， AboutController必须制作2个脚本标签。

有什么办法可以包含来自app.js的那些文件？ （仅当您看到控制器名称然后包括它时）

谢谢。

Answer 1

伙计，请使用RequireJS动态加载。 参见https://github.com/tnajdek/angular-requirejs-seed 该项目支持Angular.JS，并在后面使用RequireJS。

使用RequireJS，您的index.html将仅包含1个脚本，请参阅：

<script data-main="app/js/main" src="app/bower_components/requirejs/require.js">