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

Question

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

然后，我想在目录中创建名为登陆页面的模块src/app，所以我使用命令ng gm登陆页面 --routing=true创建两个文件，即一个模块和一个路由文件，如下所示：

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

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

但是现在，我想用它的根组件创建模块并在名为登陆页面的单个文件夹中路由这两个模块，那么我如何使用单个 cli 命令来做到这一点？

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

Answer 2

使用--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