创建组件与Angular-CLI &将它添加到一个特定的模块

我开始使用angular-cli，我已经阅读了很多关于我想做什么的答案…没有成功，所以我来到这里。

是否有一种方法可以为新模块创建组件?

例如:ng g module newModule

如何将该组件添加到newModule中??

因为angular-cli的默认行为是把所有新组件放到app.module中。我想选择我的组件将在哪里，这样我就可以创建单独的模块，而不会有我所有的组件在app.module。这是可能的使用angular-cli或我必须手动这样做?

当前回答

首先，通过执行生成一个模块。

ng g m modules/media

这将在modules文件夹中生成一个名为media的模块。

其次，生成添加到该模块的组件

ng g c modules/media/picPick --module=modules/media/media.module.ts

ng g c modules/media/picPick命令的第一部分将在modules/media文件夹中生成一个名为picPick的组件文件夹，其中包含我们的新媒体模块。

第二部分将在media模块中导入新的picPick组件，并将其附加到该模块的declarations数组中。

其他回答

ng g c模块

然后在共享模块中创建头组件

ng g c shared/header --module=shared

我使用这个特殊的命令在模块内生成组件。

ng g c <module-directory-name>/<component-name>

该命令将在模块本地生成组件。或者您可以先输入更改目录。

cd <module-directory-name>

然后创建组件。

ng g c <component-name>

注意:<>中包含的代码表示用户特定的名称。

您可以尝试下面的命令，该命令描述了

ng -> Angular 
g  -> Generate
c  -> Component
-m -> Module

然后你的命令会像这样:

ng g c user/userComponent -m user.module

如果需要同时创建组件和模块，可以使用命令

ng g m components/my-control && ng g c $_

这将在同一个目录中创建一个模块和组件，默认情况下，组件将被添加到closed模块中

转到模块级/我们也可以在根级输入下面的命令

ng g component "path to your component"/NEW_COMPONENT_NAME -m "MODULE_NAME"

例子:

ng g component common/signup/payment-processing/OnlinePayment -m pre-login.module

推荐文章