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

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

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

例如:ng g module newModule

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

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

当前回答

你可以使用ng generate Module <模块名>来生成一个Module。然后使用此命令生成与该模块相关的组件，ng generate component <组件名称>——module=<模块名称>

其他回答

第一个生成模块:

ng g m moduleName --routing

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

cd moduleName

然后生成组件:

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

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

你可以使用ng generate Module <模块名>来生成一个Module。然后使用此命令生成与该模块相关的组件，ng generate component <组件名称>——module=<模块名称>

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

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

我在应用程序中有多个模块的类似问题。可以为任何模块创建组件，因此在创建组件之前，必须指定特定模块的名称。

'ng generate component newCompName --module= specify name of module'

使用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将一个新组件添加到指定的文件夹中

推荐文章