Angular - 装饰器和元数据

元数据用于装饰类，以便可以配置类的预期行为。以下是元数据不同的组成部分。

注解 - 这些是类级别的装饰器。这是一个数组，一个示例同时具有 @Component 和 @Routes 装饰器。

以下是一个示例代码，它存在于 app.component.ts 文件中。

@Component ({ 
   selector: 'my-app', 
   templateUrl: 'app/app.component.html' 
}) 

组件装饰器用于在 app.component.ts 文件中将类声明为组件。

• Design:paramtypes - 这些仅用于构造函数，并且仅应用于 Typescript。

• propMetadata - 这是应用于类属性的元数据。

以下是一个示例代码。

export class AppComponent {
   @Environment(‘test’)
   appTitle: string = 'Welcome';
}

这里，@Environment 是应用于属性 appTitle 的元数据，并且给定的值为“test”。

参数 - 这是由构造函数级别的装饰器设置的。

以下是一个示例代码。

export class AppComponent {
   constructor(@Environment(‘test’ private appTitle:string) { }
}

在上面的示例中，元数据应用于构造函数的参数。