Angular 2 - Metadatos

Los metadatos se utilizan para decorar una clase de modo que pueda configurar el comportamiento esperado de la clase. A continuación se muestran las diferentes partes de los metadatos.

Annotations- Estos son decoradores a nivel de clase. Esta es una matriz y un ejemplo que tiene el decorador @Component y @Routes.

A continuación se muestra un código de muestra, que está presente en el archivo app.component.ts.

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

El decorador de componentes se utiliza para declarar la clase en el archivo app.component.ts como un componente.

  • Design:paramtypes - Estos solo se usan para los constructores y se aplican solo a TypeScript.

  • propMetadata - Estos son los metadatos que se aplican a las propiedades de la clase.

A continuación se muestra un código de ejemplo.

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

Aquí, @Environment son los metadatos aplicados a la propiedad appTitle y el valor dado es 'prueba'.

Parameters - Esto lo establecen los decoradores a nivel de constructor.

A continuación se muestra un código de ejemplo.

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

En el ejemplo anterior, los metadatos se aplican a los parámetros del constructor.