在 Angular 8 中生成带有组件和路由的模块（使用 angular cli 命令）

Question

我使用 angular cli 命令创建了新的 angular 项目 ng new my-app

然后，我想在 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 命令做到这一点？

Answer 1

除了创建您自己的原理图命令（如评论中所述）之外，目前还没有办法在一个命令中执行此操作，因为 module 和 component 是两个不同的原理图并且根据 documentation，ng g <schematic> [options] 中的 <schematic> 参数只能采用一个 sub-command.

但是，您可以使用 && 将两个命令组合在一行中，并在同一文件夹中创建模块和组件。

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

Answer 2

ng g m Header --route header --module app.module

此命令创建、父模块、父组件和路由，试试吧.. tc

Answer 3

使用 --module app.module 这有助于在 app.module 中更新。

下面的命令创建了一个 home 模块，一个带有路由模块的组件。

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

我想建议您使用延迟加载路由，这有助于在大型应用程序中实现路由延迟加载和应用程序性能。

用户使用以下命令创建 module、component、route，它还会更新您的 app-routing.module.ts.

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