AngularJS: 将 $routeProvider 与多个模块一起使用？

Question

我正在构建一个包含多个模块的 angular 应用程序。每个模块都是一个视图组件（而不是拥有一个包含所有视图组件的巨大模块），正如 John Papa 的 Angular 风格指南所推荐的那样。然而，以前我只能做...

angular.module('app').config( <config for all client routes and their controllers> )

我意识到我不能这样做，因为现在控制器在不同的模块上。因此，我将 $routeProvider 登录拆分到各自的文件中：

angular.module('app.<modulename>').config( <config for app.modulename routes and its controllers> );

但是，当我导航到任何未在我的 app 模块上定义的路由时，我看到一个空白页面，因此其他模块的 $routeProvider 似乎不起作用。如何让多个模块共享 ng-view?

Answer 1

为了配置您的模块，您需要通过依赖数组将它们包含在主应用程序模块中。例如，假设您有以下模块...

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

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

您通过

配置并包含它们

angular.module('app', ['app.module1', 'app.module2'])

AngularJS: 将 $routeProvider 与多个模块一起使用？

AngularJS: Using $routeProvider with multiple modules?

angularjs

mean-stack