Angular 2 - 元数据


元数据用于装饰类,以便它可以配置类的预期Behave。以下是元数据的不同部分。

注释- 这些是类级别的装饰器。这是一个数组,也是一个同时具有 @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) { }
}

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