我可以将我的app.js文件分成Angular JS中的多个文件吗？

Question

在我的app.js文件中，我有我的Angular代码：

var app = angular
    .module('app',
    ['...'])

    .config([
        '...',
        function (
            ...) {

        }])

    .factory('requestInterceptor', function ($q, $rootScope) {
        ..

        return {
            ..
        };
    })

我是否可以将配置和工厂的代码移出文件，如果是，那么如何将其链接到app变量？

Answer 1

我有这样的应用设置。

您可以做的是在一个文件中声明模块，然后将其与其他所有文件分开。然后确保它是HTML中引用的第一个脚本文件。

之后，您应该能够在其他文件中添加工厂，配置以及不应用的内容。

Answer 2

是。如果您定义了一个模块app：

angular.module('app',[]); // Including the [], or list of module dependencies

然后您可以在其他文件中通过在没有第二个参数的情况下调用module来引用它：

angular.module('app').factory('requestInterceptor',...

令人困惑：module用于创建新模块和添加到现有模块，具体取决于您是否已将数组作为其第二个参数传递。