当前位置: 首页 > 知识库问答 >
问题:

使用Angular-CLI创建特定模块的组件

归建安
2023-03-14

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

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

例如:ng g module newmodule

NG g component NewComponent(如何将此组件添加到NewModule??)

因为angular-cli的默认行为是将所有新组件放入app.module中。我想选择组件所在的位置,这样我就可以创建独立的模块,而不会将所有组件都放在app.module中。是否可以使用angular-cli完成此操作,还是必须手动完成此操作?

共有2个答案

苏伟志
2023-03-14
ng g component nameComponent --module=app.module.ts
云航
2023-03-14

要将组件创建为模块的一部分,您应该

  1. ng g module newmodule生成模块,
  2. cd newmodule将目录更改为newmodule文件夹
  3. ng g component newcomponent将组件创建为模块的子组件。

更新:Angular 9

现在,在生成组件时,您在哪个文件夹中已经不重要了。

  1. ng g module newmoudle生成模块。
  2. NG g component new-module/new-component创建新组件。

注意:当Angular CLI看到new-module/new-component时,它会理解并转换案例以匹配new-module->NewModule和new-component->newcomponent。它可能会在一开始变得混乱,所以简单的方法是将#2中的名称与模块和组件的文件夹名称匹配。

 类似资料:
  • 组件类文件 html组建 ,用于导出组件

  • 安装 可以使用以下命令安装Angular 2 CLI:

  • 文件和文件夹设置 生成的应用程序文件夹将如下所示: 应用程序文件夹 应用程序配置存储在不同的位置,一些位于config文件夹中,如测试配置,一些存储在项目根目录中,如linting信息和构建信息。 CLI将应用程序特定的文件存储在src文件夹中,并将Angular 2特定的代码存储在src / app文件夹中。 CLI生成的文件和文件夹将遵循官方样式指南。 警告:CLI依赖配置文件中定义的某些设置

  • 当我试图通过使用命令ng new project-name创建新项目时,我得到了如下所示的错误: null

  • 4.4.1 模块的创建和使用 在 Python 语言中,模块对应于 Python 程序文件,即每个 Python 程序文件就是一个模块。 模块是 Python 程序的最高层结构单元,用于组织程序的代码和数据,以便能被同一程 序的其他模块甚至被其他程序重用。一个模块可以导入其他模块,导入后就可以使用其他模 块中定义的函数、类等对象。 用模块作为程序的结构单元,至少有三个作用: (1)代码重用:将代码