我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。
E:\HiddenWords>ng generate component plainsight
但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?
我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。
E:\HiddenWords>ng generate component plainsight
但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?
当前回答
上面的选项不适合我,因为与在终端中创建目录或文件不同,当CLI生成一个组件时,它默认将路径src/app添加到您输入的路径中。
如果我从主应用文件夹中生成组件像这样(错误的方式)
ng g c ./src/app/child/grandchild
生成的组件是这样的:
src/app/src/app/child/grandchild.component.ts
所以我只需要打字
ng g c child/grandchild
希望这对大家有所帮助
其他回答
上面的选项不适合我,因为与在终端中创建目录或文件不同,当CLI生成一个组件时,它默认将路径src/app添加到您输入的路径中。
如果我从主应用文件夹中生成组件像这样(错误的方式)
ng g c ./src/app/child/grandchild
生成的组件是这样的:
src/app/src/app/child/grandchild.component.ts
所以我只需要打字
ng g c child/grandchild
希望这对大家有所帮助
进入项目目录后。 使用CD路径/到/目录,然后使用ng g c component_name,它将自动执行所有操作,并且没有错误
g c表示生成分量
如果你使用VSCode,可以考虑使用Angular控制台
它为Angular CLI提供了一个接口。您将看到一个用于指定路径的选项。
Angular CLI是非常强大和可扩展的。事实上,有如此多的功能,对于开发人员来说,为每个命令提供所有不同的配置选项是很有帮助的。 有了Angular Console,你会得到推荐,甚至可以找到最容易忘记或很少使用的特性! 首先,Angular Console是一种更高效地使用Angular CLI提供的功能的方式。
更短的代码来生成组件:ng g c component-name 指定它的位置:ng g c specific-folder/component-name
额外的信息 更短的代码生成指令:ng g d directive-name 指定它的位置:ng g d specific-folder/directive-name
ng g c folderName/SubFolder/.../componentName --spec=false