angular-cli中组件创建和使用

angular的组件创建和vue、react不太一样,它是使用命令去创建,操作如下:

第一步:创建组件

在命令行输入: ng g component 组件名

比如 ng g component my

新生成的组件,在src的app里面的文件夹 my 里

angular-cli中组件创建和使用

 

src/app/app.module.ts 文件的装饰器下,自动声明了刚才新添加的组件

 

angular-cli中组件创建和使用

第二步:使用组件

可以在 src/app/app.component.html 里面,应用新创建的组件

angular-cli中组件创建和使用

 效果如图:

angular-cli中组件创建和使用