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

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

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

例如:ng g module newModule

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

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

当前回答

使用这个简单的命令:

ng g c users/userlist

users:您的模块名。

userlist:你的组件名。

其他回答

ng g component nameComponent --module=app.module.ts

不确定Alexander Ciesielski的答案在撰写本文时是否正确，但我可以证实这不再适用。不管你在项目的哪个目录下运行Angular CLI。如果你输入

ng g component newComponent

它将生成一个组件并将其导入到app.module.ts文件中

使用CLI自动将其导入到另一个模块的唯一方法是指定

ng g component moduleName/newComponent

其中moduleName是您已经在项目中定义的模块。如果moduleName不存在，它会把组件放在moduleName/newComponent目录下，但仍然会把它导入app.module

我用特定的根文件夹创建了基于组件的子模块

下面是我指定的cli命令，请检查

ng g c Repair/RepairHome -m Repair/repair.module

Repair是子模块的根文件夹

-m是——module C代表复合 G代表生成

使用这个简单的命令:

ng g c users/userlist

users:您的模块名。

userlist:你的组件名。

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

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数组中。

推荐文章