Partie 1 : Découvrir Angular
Partie 2 : Acquérir les bases sur Angular
Partie 3 : Aller plus loin avec Angular
1 de 2

4.3. Les Décorateurs

Vous vous rappelez des métadonnées que nous avons vues dans le premier chapitre ? Non ? Tant pis, rappelez-vous simplement qu’il s’agissait d’ajouter des informations à nos classes via des annotations. TypeScript propose un moyen d’implémenter ces métadonnées grâce aux décorateurs.

Prenons un cas simple, vous avez développé une classe, et vous souhaitez indiquer à Angular qu’il s’agit bien d’une classe de composant, et pas d’une classe lambda, et bien pour cela vous utiliserez les décorateurs TypeScript :

// Exemple d'utilisation des décorateurs avec TypeScript
@Component({ 
 selector: 'my-component', 
 template: 'my-template.html' 
}) 
export class MyComponent {}

En Angular, on utilisera régulièrement des décorateurs, qui sont fournis par le Framework. Retenez également que tous les décorateurs sont préfixés par @.

Les Décorateurs sont assez récents dans TypeScript, depuis la version 1.5 exactement. Voilà pourquoi il est important de veiller à avoir une version à jour.