我正在使用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来实现吗?
当前回答
Angular CLI提供了应用开发中需要的所有命令。对于您的特定需求,您可以轻松地使用ng g (ng generate)完成工作。
Ng c目录/component-name将在目录文件夹中生成component-name组件。
下面是您可以在应用程序中使用的一些简单命令的映射。
Ng g c comp-name或Ng generate component comp-name来创建一个名为'comp-name'的组件 Ng g s serv-name或Ng generate service serv-name来创建一个名为'serv-name'的服务 Ng g m mod-name或Ng generate module mod-name来创建一个名为'mod-name'的模块 Ng g m mod-name——routing或Ng generate module mod-name——routing来创建一个名为'mod-name'的模块,用于angular路由
希望这能有所帮助!
好运!
其他回答
假设你想在一个模块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 generate component ./target_directory/Component_Name'
使用此命令打开特定的文件夹Terminal
Ng g c组件名称——flat
ng g组件plainsight/some-name在我们使用它时创建了一个新目录。
最终输出将是:
plainsight/some-name/some-name.component.ts
为了避免这种情况,使用平面选项ng g component plainsight/some-name——flat,它将生成文件而不创建新文件夹
plainsight/some-name.component.ts
要在VS code中打开终端,只需输入CTRL + ~,这将打开终端。以下是步骤:
检查需要在其中生成新组件的特定组件。 将路径重定向到需要生成另一个组件的特定文件夹/组件
例如:cd src/app/ specialarcomponent
在specialcomponent的位置,键入需要生成新组件的组件名称。
一旦进入需要生成新组件的组件,只需键入以下命令:ng g c NewComponentName
(将NewComponentName更改为所需的组件名称。)