我如何将AngularJS路由移动到单独的文件中

Question

如果有人熟悉从主app配置功能中分离路由,我很好奇.我的路由列表变得非常大,我想将它们移动到一个单独的文件中并将它们加载到主配置中.我之前已经看过这个,但我记不起来或找不到我看到的地方.任何帮助,将不胜感激.

Answer 1

您可以(并且应该!)使用AngularJS模块将您的应用程序分成模块.

然后,每个模块可以定义自己的路由(有自己的路由.config).然后,在您的主模块(通常是"app")中,您只需要将它们作为依赖项,然后就可以了.

angular.module('blog', ['ngRoute'])
  .config(['$routeProvider', function ($routeProvider) {
    ...
  }];

angular.module('app', ['blog', 'user']);

然后,您可以将每个模块放在自己的文件中.

Answer 2

您可以轻松地将配置功能放在单独的文件中:

APP-config.js

   angular.module('app').config(function(...){...});

在包含App-config.js之前,请确保包含模块定义.

APP-module.js

  angular.module('app',[...]).controller(...).etc