组件

angular 最核心的概率是“组件化”,组件通常都是由模版和业务逻辑组成
每个组件可以看作是一个画面，html就是画面的布局，组件的类相当于对应的类

一、创建组件

1
通过 `ng generate component hello-component` 指令,hello-component为组件名

二、@component 注释

1
2
3
4
5
@Component({
    selector: 'app-hello-component',
    templateUrl: './hello-component.component.html',
    styleUrls: ['./hello-component.component.css']
})

selector: 通过selecter来访问组件 templateUr：组件显示的html styleUrls : 显示时的样式

三、加载组件

在需要显示的,通过上一步定义的selector标签

1
    <app-hello-component></app-hello-component>