我正在使用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来实现吗?
当前回答
假设你想在一个模块Box中创建一个组件Container,模块已经创建好了,并且存在于它自己的文件夹src/app/ Box中。
您可以这样做——当被要求提供组件名称时,提供组件的路径和组件名称。
ng g c -m box
? What name would you like to use for the component? box/Container
CREATE src/app/box/container/container.component.scss (0 bytes)
CREATE src/app/box/container/container.component.html (24 bytes)
CREATE src/app/box/container/container.component.spec.ts (647 bytes)
CREATE src/app/box/container/container.component.ts (288 bytes)
UPDATE src/app/box/box.module.ts (286 bytes)
其他回答
首先创建一个组件,你需要使用:-
Ng g c组件名 通过使用上述命令,新组件将创建在一个文件夹 (componentname)您上面指定的。
但是如果你需要在另一个组件中或在特定的文件夹中创建一个组件:-
的 g c 组件名称/新组件名称
有几种方法可以在特定目录中创建组件。
方法1:“在集成终端中打开”-快速,简单,无错误的方法
例如,你想在app/common文件夹中创建一个组件,如下图所示,然后按照以下步骤操作
右键单击要在其中创建组件的文件夹。 选择“在集成终端中打开”或“在命令提示符中打开”选项。 在新终端(你会看到你选择的路径),然后输入ng g c my-component
你也可以通过这张图片来检查这个过程
方法二:复制相对路径,粘贴到终端上
右键单击要在其中创建组件的文件夹 从上下文菜单中,选择拷贝相对路径 在终端上,输入cd,按空格键,然后按ctrl + v粘贴复制的路径,并按Enter 您将看到目录已被更改。
你也可以通过这张图片来检查这个过程
方法三:在终端上输入完整路径
例如,你想在某个文件夹中创建组件,你输入整个命令,包括路径和组件名称。
ng g c relative-path/my-component
你也可以通过这张图片来检查这个过程
注意(方法-3):angular不允许你在app文件夹外创建组件,因此对于组件,你的基本路径将是app,这就是为什么在我的例子中,我必须从auth/a-component开始,而不是src/app/auth/a-component
更短的代码来生成组件:ng g c component-name 指定它的位置:ng g c specific-folder/component-name
额外的信息 更短的代码生成指令:ng g d directive-name 指定它的位置:ng g d specific-folder/directive-name
2021进一步加快IDE插件的使用
如果你想进一步加快这个通常的过程,并避免花费你时间的常见错误,你可以尝试使用visual studio代码插件。
例如,我使用Angular-Schematics,我避免使用终端。你可以用鼠标选择调用ng cli。
超级简单,
其他方式,
在终端打开文件夹,
* * xxx \ FOLDER_NAME > FOLDER_NAME cd
生成组件平台的 xxx\FOLDER_NAME>
如果你像我一样复制路径(Visual studio代码),