我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。

E:\HiddenWords>ng generate component plainsight

但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?


当前回答

在命令提示符或项目终端中转到项目文件夹。

执行cmd: ng g c componentname命令

其他回答

更短的代码来生成组件:ng g c component-name 指定它的位置:ng g c specific-folder/component-name

额外的信息 更短的代码生成指令:ng g d directive-name 指定它的位置:ng g d specific-folder/directive-name

上面的选项不适合我,因为与在终端中创建目录或文件不同,当CLI生成一个组件时,它默认将路径src/app添加到您输入的路径中。

如果我从主应用文件夹中生成组件像这样(错误的方式)

ng g c ./src/app/child/grandchild 

生成的组件是这样的:

src/app/src/app/child/grandchild.component.ts

所以我只需要打字

ng g c child/grandchild 

希望这对大家有所帮助

使用此命令打开特定的文件夹Terminal

Ng g c组件名称——flat

使用'ng generate component ./target_directory/Component_Name'

使用自定义目录时需要使用——dryRun

您可以通过ng命令传递您的自定义目录路径。

我的伙伴

但是有可能您拼写错误了路径,或者创建了新的文件夹,或者目标目录更改了。因此,dryRun非常有用。它显示了将如何影响更改的输出。

在验证结果之后,您可以运行不带-d的相同命令来进行更改。

——dryRun = true |假 当为true时,运行并报告活动而不写入结果。 默认值:假 别名:- d

官方医生:- https://angular.io/cli/generate