angular创建新的组件

549 阅读1分钟

1、命令是 ng g c componentName,其中,g是generate生成的英文简写,c是component组件的英文简写,ng g c + 大驼峰组件名,回车,会生成以蛇形命名法命名的一系列组件文件

2、输入命令回车后会自动在父组件的module文件中完成一系列引入动作,如

(1)根据路径引入子组件

(2)在declarations中声明该自组建

(3)最后在父组件的html文件中就可以通过子组件标签去使用子组件了

目录结构:

截屏2023-03-25 下午7.15.29.png

父组件的module文件

截屏2023-03-25 下午7.13.44.png

在父组件的html文件中使用子组件

截屏2023-03-25 下午7.14.16.png