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

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

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

例如:ng g module newModule

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

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

当前回答

今天我在搭建一个Angular 9应用程序时遇到了这个问题。我得到了“模块不存在错误”每当我添加.module。Ts或.module到模块名。cli只需要模块名，不需要扩展名。假设我有一个模块名:brands.module。ts，我使用的命令是

ng g c path/to/my/components/brands-component -m brands --dry-run

一旦确认文件结构正确，就删除——dry-run。

其他回答

我在angular CLI版本8.3中使用过以下命令，它通过生成在特定模块中声明的特定组件来工作。

移动到我们需要生成组件的特定文件夹 cd <组件路径> 调用下面的generate命令 Ng c <component-name>——module=<module-name>

例子

 `ng g c login --module= app`

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

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

如果你在.angular-cli中声明了多个应用。Json(例如在处理特性模块的情况下)

"apps": [{
    "name": "app-name",
    "root": "lib",
    "appRoot": ""
}, {...} ]

你可以:

ng g c my-comp -a app-name

-a代表——app (name)

博士TL; 试试这个。通过模块的文件名指定模块名(不包括.ts扩展名) Ng c components/path-to-a-folder/component-name——module=app.module

注:

Ng g c是Ng generate component的缩写如果您希望将组件添加到不同的模块中，我们将其添加到文件中然后使用——module=collection.module 而不是——module=app。模块&你应该很好。

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

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

推荐文章