在Angular 8中使用Angular CLI命令生成带有组件和路由的模块。

Question

我使用 Angular CLI 命令 ng new my-app 创建了一个新的 Angular 项目。

接下来，我想在 src/app 目录下创建名为landing-page 的模块，所以我使用了命令 ng g m landing-page --routing=true，它会创建两个文件，即该模块和其路由文件，如下所示：

src/app/landing-page/landing-page-routing.module.ts (254 bytes) 

src/app/landing-page/landing-page.module.ts (300 bytes)

但现在，我想创建一个模块，该模块具有其根组件和路由，并且两者都位于名为landing-page的单个文件夹中，那么我该如何使用单个cli命令来实现这一点？

但是现在，我希望创建一个模块，其中包含其根组件和路由，它们都位于名为landing-page的单个文件夹中。请问如何使用单个cli命令实现这一点？

- Nirali

---

唯一现有的解决方案是创建自己的原理图命令（https://angular.io/guide/schematics-authoring）。 - Gérôme Grignon

嗯，好的，我不知道这个，我原以为可能有一个命令可以按照问题所要求的那样做。 - Nirali

Answer 1

到目前为止，除了根据评论中提到的创建自己的示意图命令外，没有单个命令执行此操作的方法，因为module和component是两个不同的示意图，根据文档，<schematic>参数在ng g <schematic> [options]中只能接受一个子命令。但是，您可以使用&&将两个命令合并到一行中，并在同一文件夹中创建模块和组件。

ng g m landing-page --routing=true && ng g c landing-page --skip-tests=true -m=landing-page

- nash11

Answer 2

使用--module app.module可以帮助在app.module中进行更新。

下面的命令会创建一个带有路由模块的主模块和组件。

ng g m home --routing=true --module app.module && ng g c home

我建议您使用延迟加载路由，这有助于在大型应用程序中进行路由的延迟加载和提高应用程序性能。

使用以下命令创建模块，组件，路由，它还将更新您的app-routing.module.ts文件。

ng g m home --route home --module app.module

- Kiran Mali

Answer 3

使用命令 ng g m Header --route header --module app.module，可以创建父模块、父组件和路由。请尝试使用此命令。

- How To Developer

Answer 4

这个命令可以在Angular中创建模块、组件和路由。

ng g m admin --routing=true --module app.module && ng g c admin

创建一个名为admin的模块，同时生成一个带有路由的app.module模块，并生成一个名为admin的组件。

- Hardeep Kaur