javascript - Angular 中的 app.js 到底是什么？

Question

我正在为一份新工作学习 Angular(目前是 1，稍后我们将过渡到 2)。我有 ASP MVC 的经验，但没有客户端 MVC 的经验，所以这对我来说从一开始就是全新的。大多数教程都使用这个文件“app.js”或类似的东西，我猜它用 Angular 注册了各种东西，比如你的网络应用程序的名称等。这很好，但我想知道它的具体目的是什么这个文件？

例如，我当前正在学习本教程，这是我们正在为路由和 Controller 编写的代码:

var AngularWebApp = angular.module('AngularWebApp', []);

AngularWebApp.controller
    ('LandingPageController', LandingPageController);

var configFunction = function ($routeProvider) {
    $routeProvider.
        when('/routeOne', {
            templateUrl: 'routesDemo/one'
        })
        .when('/routeTwo', {
            templateUrl: 'routesDemo/two'
        })
        .when('/routeThree', {
            templateUrl: 'routesDemo/three'
        });
}
configFunction.$inject = ['$routeProvider'];

我问的原因是我还没有在任何地方读过关于这个文件实际用途的任何解释，看起来我们只是在这里转储了一堆配置设置，所以这有点像ASP MVC 的web.config 文件？我只是想要一个明确的答案，而不是只是猜测。

Answer 1

app.js (我使用 main.js)只是为 Angular 项目的根引导文件指定的通用名称。虽然您可能会合并所有 js 文件以进行生产发布，但在开发时，文件分离显然是一件好事。

在开发 Angular 项目时，您会创建一堆执行各种操作的模块，但您的应用程序需要一个主模块，该模块与 html 中的 ng-app 属性一起使用:https://docs.angularjs.org/api/ng/directive/ngApp

此模块设置依赖项，通常包含应用程序配置，例如路由。尽管您不必以这种方式构建应用程序，但最终它只是一个命名约定。