在Angular 8中生成具有组件和布线的模块(使用angular cli命令)

时间:2019-06-14 09:38:08

标签: angular angular-cli angular-cli-v7

我已使用angular cli命令 ng new my-app

创建了一个新的angular项目。

然后,我想在src/app目录中创建名为 landing-page 的模块,所以我使用了命令 ng gm 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命令来做到这一点呢?

3 个答案:

答案 0 :(得分:3)

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

下面的命令创建一个home模块,这是一个带有路由模块的组件。

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

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

下面的用户命令创建一个modulecomponentroute,它还将更新您的app-routing.module.ts

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

答案 1 :(得分:1)

ng g m标头--route标头--module app.module

此命令create,父模块,父组件和路由,请尝试.. tc

答案 2 :(得分:0)

除了注释中提到的创建自己的逻辑示意图命令外,没有其他方法可以在单个命令中执行此操作,因为modulecomponent是两个不同的逻辑示意图,并且按照{{3 }},<schematic>中的ng g <schematic> [options]参数只能接受一个子命令。

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

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