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

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

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

例如:ng g module newModule

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

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

当前回答

首先，你必须使用以下命令创建一个新模块:

ng g module newModule

然后，你必须使用以下命令进入该目录:

cd command  
cd newModule

现在你可以继续使用下面的命令:

ng g component newComponent

这个组件会在那个模块中创建。

其他回答

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

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

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

cd <module-directory-name>

然后创建组件。

ng g c <component-name>

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

第一个生成模块:

ng g m moduleName --routing

这将创建一个moduleName文件夹，然后导航到module文件夹

cd moduleName

然后生成组件:

ng g c componentName --module=moduleName.module.ts --flat

使用——flat表示不在模块文件夹中创建子文件夹

如果你在.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。模块&你应该很好。

Angular 13+ cli

我在模块文件夹下有多个模块

ng g c components/shared/newlayout -m modules/Shared

推荐文章