Angular中的app.js究竟是什么?

时间:2016-06-04 01:30:26

标签: javascript angularjs model-view-controller

我正在学习Angular以获得一份新工作(目前只有1份,之后我们将过渡到2份)。我有ASP MVC的经验,但没有客户端MVC的经验,所以这对我来说是全新的。大多数教程使用这个文件“app.js”或这些行的东西,我想用Angular注册各种东西,比如你的网络应用程序的名称等等。这一切都很好,但我想知道具体的目的是什么这个档案?

例如,我目前正在阅读本教程,这是我们为路由和控制器所做的代码:

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文件?我只是想要一个明确的答案,而不仅仅是猜测它。

1 个答案:

答案 0 :(得分:2)

app.js(我使用main.js)只是一个角项目的根引导文件的通用名称。虽然您可以将所有js文件连接到生产版本,但在开发时,文件分离显然是一件好事。

在开发角度项目时,您创建了一系列可以执行各种操作的模块,但是您需要使用html中ng-app属性使用的应用程序主模块:https://docs.angularjs.org/api/ng/directive/ngApp < / p>

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