组件提供了很好的复用性，在一堆组件的基础上，我们使用简单的胶水代码就可以实现相当复杂的交互功能。
现在让我们来创建Angular组件，代码相当简单：
@Component({ selector: "ez-app", template: `<h1>Hello,angular5</h1>`})class EzComp{}
在Angular框架中，组件就是指一个应用了Component装饰器的类。Component装饰器的作用，就是为被装饰的类附加元数据信息：
annotations
Angular框架对应用进行编译引导时，将使用这些元数据构造视图。其中的两个元数据非常重要：
- selector：组件宿主元素的CSS选择符，声明了组件在DOM树中的渲染锚点
- template：组件的模板，框架将以这个模板为蓝图构建视图
四、创建Angular模块
Angular框架的核心是组件化，同时它的设计目标是适应大型应用的开发。因此，在应用开发中引入了模块（NgModule）的概念来组织不同的组件（及服务），一个Angular应用至少需要创建一个模块。
为了区别于JavaScript语言本身的模块概念，在本课程中将使用NG模块来表示一个Angular模块。
类似于组件，NG模块就是一个应用了NgModule装饰器的类。例如，下面的代码创建了一个NG模块EzModule：
@NgModule({
imports: [ BrowserModule ],
declarations: [ EzComp ],
bootstrap: [ EzComp ]
})
class EzModule{}
同样，NgModule装饰器用来给被装饰的类附加模块元数据，可以查看被装饰类的__annotations__属性来观察这一结果：
ngmodule annotations
NgModule装饰器声明了一些关键的元数据，来通知框架需要载入哪些NG模块、编译哪些组件以及启动引导哪些组件：
- imports： 需要引入的外部NG模块
- declarations：本模块创建的组件，加入到这个元数据中的组件才会被编译
- bootstrap：声明启动引导哪个组件，必须是编译过的组件
需要强调的是，bootstrap元数据声明的组件必须是编译过的组件：它要么属于使用imports元数据引入的外部NG模块，要么是已经在declarations元数据中声明的本地组件。
NG模块BrowserModule定义于包@angular/platform-browser，它是Angular跨平台战略的重要组成部分。BrowserModule封装了浏览器平台下的核心功能实现，与之对应的其他平台实现还有：
- ServerModule：服务端实现
- WorkerAppModule：WebWorker实现