Angular 2 - Métadonnées

Les métadonnées sont utilisées pour décorer une classe afin qu'elle puisse configurer le comportement attendu de la classe. Voici les différentes parties des métadonnées.

Annotations- Ce sont des décorateurs au niveau de la classe. Ceci est un tableau et un exemple ayant à la fois le décorateur @Component et @Routes.

Voici un exemple de code, qui est présent dans le fichier app.component.ts.

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

Le décorateur de composant est utilisé pour déclarer la classe dans le fichier app.component.ts en tant que composant.

• Design:paramtypes - Ils ne sont utilisés que pour les constructeurs et appliqués uniquement à Typescript.

• propMetadata - Ce sont les métadonnées qui sont appliquées aux propriétés de la classe.

Voici un exemple de code.

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

Ici, @Environment correspond aux métadonnées appliquées à la propriété appTitle et la valeur donnée est 'test'.

Parameters - Ceci est défini par les décorateurs au niveau du constructeur.

Voici un exemple de code.

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

Dans l'exemple ci-dessus, les métadonnées sont appliquées aux paramètres du constructeur.