【Angular】Angular开发组件

使用Angular开发组件的全部过程如下:


一:新建组件

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

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

【Angular】Angular开发组件


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

【Angular】Angular开发组件


二、应用组件

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

【Angular】Angular开发组件


三、编辑组件里面的html、css等样式

这里面编写的html就很简单了,这里就不赘述了


四、如果组件里面html不写内容的话,显示的界面如下

【Angular】Angular开发组件