2.2 - 组件

• 组件用来描述用户界面，它由三部分组成，组件类、组件模板、组件样式，它们可以被集成在组件类文件中，也可以是三个不同的文件
• 组件类用来编写和组件直接相关的界面逻辑，在组件类中要关联该组件的组件模板和组件样式
• 组件模板用来编写组件的 HTML 结构，通过数据绑定标记将应用中数据和 DOM 进行关联
• 组件样式用来编写组件的组件的外观，组件样式可以采用 CSS、LESS、SCSS、Stylus
• 在 Angular 应用中至少要有一个根组件，用于应用程序的启动
• 组件类是由 Component 装饰器函数装饰的类 ```typescript import { Component } from ‘@angular/core’;

@Component({ selector: ‘app-root’, templateUrl: ‘./app.component.html’, styleUrls: [‘./app.component.less’] })

export class AppComponent { title = ‘Angular-Learning’; }

- NgModule 为组件提供了编译的上下文环境
```typescript
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
@NgModule({
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }