Angular 2 - 元数据

Angular 2元数据 - 从简单和简单的步骤学习Angular 2，从基本到高级概念，包括概述，环境，Hello World，模块，架构，组件，模板，指令，元数据，数据绑定，使用HTTP的CRUD操作，错误处理，路由，导航，表单，CLI，依赖注入，高级配置，第三方控件，数据显示，处理事件，转换数据，自定义管道，用户输入，生命周期挂钩，嵌套容器，服务。

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

注释 : 这些是类级别的装饰器.这是一个包含@Component和@Routes装饰器的数组和示例.

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

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

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

设计:paramtypes : 这些仅用于构造函数，仅适用于Typescript.
propMetadata : 这是应用于类属性的元数据.

以下是示例代码.

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

这里，@ Environment是应用于属性appTitle的元数据，给出的值是'test'.

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

以下是示例代码.

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

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