在 Angular2 应用程序中，我们需要大量地使用注解和装饰器来扩展和增强应用程序的功能。ES7 中的修饰器提供了一种优雅的方式来实现这些任务。本文将介绍如何使用 ES7 的修饰器来处理 Angular2 应用程序的功能，并且提供一些实际的示例代码。
什么是修饰器？
修饰器是一种函数，它接收一个目标对象和一个属性名作为参数，并返回一个新的属性描述对象。修饰器可以用来扩展、修改、重载或运行时检查类和类成员的行为。修饰器可以写在类、属性、方法和函数等声明之前，它们会被应用到声明的对象上。
使用修饰器增强 Angular2 应用程序的功能
使用 @Injectable 修饰器
@Injectable 修饰器用来声明一个服务类可以被注入到 Angular2 应用程序中。在上面的代码中，我们声明了一个名为 MyService 的服务类，并使用 @Injectable 修饰器来指定它可以被注入到组件、指令和其他服务中。这样，我们就可以在需要的地方通过依赖注入的方式获取 MyService 的实例。
@Injectable()
export class MyService {
getData(): any[] {
return [1, 2, 3];
}
}使用 @Directive 修饰器
@Directive 修饰器用来声明一个指令类，可以被应用到组件或其他指令上。在上面的代码中，我们声明了一个名为 MyDirective 的指令类，并实现了 ngAfterViewInit 方法来在组件视图初始化后执行一些逻辑。
-- -------------------- ---- -------
------------
--------- ----------------
--
------ ----- ----------- -
------------------- ----------- ----------- --
----------------- -
----------------------------------------- - ------
-
-使用 @Input 修饰器
@Input 修饰器用来声明一个属性可以通过输入绑定的方式从父组件传入。在上面的代码中，我们声明了一个名为 myInput 的属性，并使用 @Input 修饰器来指定它允许通过输入绑定传入值。这样，在父组件中就可以使用 [my-input]="value" 的方式来绑定 myInput 属性的值。
-- -------------------- ---- -------
------------
--------- ---------------
--------- -
------ --------------
----- ----- ------ ---------------
-
--
------ ----- ----------- -
-------- -------- -------
-总结
ES7 的修饰器为我们提供了一种优雅、简洁、灵活的方式来扩展和增强应用程序的功能。在 Angular2 应用程序中，我们可以使用 @Injectable、@Directive、@Input 等修饰器来实现依赖注入、指令、输入绑定等功能。通过使用修饰器，我们可以将代码组织得更加清晰、易于维护，从而提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a5073548841e9894177a14