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

Question

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

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

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

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

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

score 18 · Accepted Answer

除了在评论中提到的创建自己的原理图命令之外，目前还没有其他方法可以在一个命令中执行此操作，因为module和component是两个不同的原理图，并且根据文档，<schematic>参数 inng g <schematic> [options]只能采用一个子命令。

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

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

score 10 · Accepted Answer

使用--module app.module这有助于在app.module.

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

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

score 1 · Accepted Answer

ng gm 标头 --route 标头 --module app.module

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

3 回答 3