Angular 2 元数据


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

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

以下是 app.component.ts 文件中的示例代码。

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

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

  • 设计:参数类型 :这些只用于构造函数,只适用于Typescript。

  • 道具元数据 : 这是应用于类属性的元数据。

以下是示例代码。

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

这里,@Environment 是应用于属性 appTitle 的元数据,给出的值是“test”。

参数 :这个是在构造器级别的装饰器设置的。

以下是示例代码。

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

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