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

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

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

例如:ng g module newModule

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

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

当前回答

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

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

例子

 `ng g c login --module= app`

其他回答

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

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

你可以:

ng g c my-comp -a app-name

-a代表——app (name)

我没有找到一个答案，说明如何使用cli在顶级模块文件夹中生成组件，并让组件自动添加模块的声明集合。

要创建模块，运行以下命令:

ng g module foo

在foo module文件夹中创建组件，并将其添加到foo.module中。Ts的声明集合运行如下:

ng g component foo/fooList --module=foo.module.ts

cli会像这样构建模块和组件:

——编辑angular cli的新版本。1.5.5不需要模块文件名，所以v1.5.5的命令应该是

ng g component foo/fooList --module=foo

根据Angular文档，为特定模块创建组件的方法是:

ng g component <directory name>/<component name>

例子:-

ng generate component customer-dashboard/CustomerDashboard

这将在customer-dashboard文件夹中为新组件生成一个文件夹，并使用CustomerDashboardComponent更新特性模块

ng g c模块

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

ng g c shared/header --module=shared

如果你已经创建了你的组件而没有指向一个模块，你可以通过将它添加到声明中来直接将它添加到你的应用模块中

@NgModule({
    declarations: [

    FileManagerDetailsComponent <---this is ur page component

推荐文章