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

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

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

例如:ng g module newModule

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

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

当前回答

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

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

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

其他回答

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

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

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

Repair是子模块的根文件夹

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

这对我来说很管用:

1 -->  ng g module new-module

2 -->  ng g c new-module/component-test --module=new-module/new-module.module.ts

如果你想生成一个没有目录的组件，使用——flat标志。

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

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

例子:-

ng generate component customer-dashboard/CustomerDashboard

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

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

@NgModule({
    declarations: [

    FileManagerDetailsComponent <---this is ur page component

使用Angular CLI将一个组件添加到Angular 4应用中

要向应用中添加一个新的Angular 4组件，请使用命令ng g component componentName。执行这个命令后，Angular CLI会在src\app下添加一个文件夹component-name。同样，同样的引用也被添加到src\app\app.module中。Ts文件自动。

组件应该有一个@Component装饰器函数，后面跟着一个需要导出的类。@Component装饰器函数接受元数据。

使用Angular CLI将一个组件添加到Angular 4应用的特定文件夹中

使用命令ng g component folderName/componentName将一个新组件添加到指定的文件夹中

推荐文章