Angular 2 构架 - 元数据(Metadata)

元数据告诉 angular 如何处理一个类

假设我们有一个组件叫作 Component ，它是一个类，除非我们告诉 Angular 这是一个组件

我们可以把元数据附加到这个类上来告诉 Angular Component 是一个组件

TypeScript 使用 装饰器 (decorator) 来附加元数据

@Component({
   selector : 'mylist',
   template : '<h2>Angular教程，简单编程</h2>'
   directives : [ComponentDetails]
})
export class ListComponent{...}

@Component 装饰器能接受一个配置对象，并把紧随其后的类标记成了组件类

AngularJS 会基于这些信息创建和展示组件及其视图

selector

一个 css 选择器，它告诉 Angular 在父级 html 中寻找一个 <mylist> 标签，然后创建该组件，并插入此标签中

templateUrl

组件 HTML 模板的地址

directives

一个数组，包含此模板需要依赖的组件或指令

providers

一个数组，包含组件所依赖的服务所需要的依赖注入提供者