这篇文章主要介绍了Angular中的类装饰器有哪些，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
成都创新互联公司服务项目包括平湖网站建设、平湖网站制作、平湖网页制作以及平湖网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，平湖网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到平湖省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
angular共有5种类装饰器，表明每个类的用途，angular用何种方式解析它。
NgModule: 标明是一个模块
Component：标明是一个组件
Directive： 标明是一个指令
Injectable： 标明是一个服务
Pipe： 标明是一个管道
1. NgModule
把一个类标记为模块，并可以在这个类中配置这个模块中用到的数据。【相关教程推荐：《angular教程》】
它支持做如下配置：(下同)
1.1 imports
导入本模块需要用到的模块，注意懒加载的模块不能导入，否则懒加载就没有作用了。
1.2. declarations: Array
声明组件、指令、管道，这三个统称为可申明对象。
1.3. providers: []
注册服务
1.4 exports: Array
其他模块若想使用本模块的组件、指令或管道，则需要将其抛出去。
为啥要抛出去？angular规定可声明对象应该且只能属于一个 NgModule。
1.5 entryComponents: []
告诉 Angular 哪些是动态组件，Angular 都会为其创建一个 ComponentFactory，并将其保存到 ComponentFactoryResolver 中。
若要写一个动态组件不仅要在这里加，还需要在declarations中申明。
1.6 bootstrap：Array
当该模块引导时需要进行引导的组件。列在这里的所有组件都会自动添加到 entryComponents 中。即路由链接到该模块时默认显示的组件。
1.7 schemas: Array
该 NgModule 中允许使用的声明元素的 schema（HTML 架构）。 元素和属性（无论是 Angular 组件还是指令）都必须声明在 schema 中。
1.8 id: string
当前 NgModule 在 getModuleFactory 中的名字或唯一标识符。 如果为 undefined，则该模块不会被注册进 getModuleFactory 中。
1.9 jit: true
如果为 true，则该模块将会被 AOT 编译器忽略，因此始终会使用 JIT 编译。
2. Component
一个装饰器，用于把某个类标记为 Angular 组件，并为它配置一些元数据，以决定该组件在运行期间该如何处理、实例化和使用。
组件是特殊的指令，它的一部分属性继承自 Directive 装饰器。
2.1 selector: string
css选择器名称, 可以是标签名、属性、class等，一般都是以标签来命名，具体见指令选择器部分。
如selector: 'mo-dir'在html中使用为
也可以使用属性来定义, 如selector: '[mo-dir]'在html中使用为
2.2 template： string、templateUrl：string
这两个同时只能用1个
2.3 styles、styleUrls
styles 是直接写的css样式
styleUrls 是css文件路径地址
2.4 animations
一个或多个动画 trigger() 调用，包含一些 state() 和 transition() 定义。
2.5 providers
服务可以在这里面注册就可以使用了
2.6 changeDetection
指定当前组件的变更检测策略。
2.7 inputs： string[]
组件传入的参数，相当于@Input。和@Input不同的是它是一个数组。
@Component({
selector: 'mo-dir',
inputs: [id: 123],
template: `
{{ id }}
`
})
class BankAccount {
id: number;
}inputs中的内容表示有个id属性，默认值是123。相当于@Input id: number = 123。
2.8 outputs：string[]
事件输出，相当于@Output，和@Output不同的是它是一个数组。
@Component({
selector: 'mo-dir',
outputs: [ 'idChange' ]
})
class ChildDir {
idChange: EventEmitter = new EventEmitter();
}相当于@output idChange: EventEmitter = new EventEmitter();。
3. Directive
3.1 selector： string
它是一个css选择器， 用于在模板中标记出该指令，并触发该指令的实例化。可使用下列形式之一
@Directive({
selector: 'mo',
})
@Directive({
selector: '.mo',
})
