Angular - 2.21-Comprendre les Directives

Nous avons presque fini d'apprendre les bases d'Angular. Nous avons acquis beaucoup de connaissances sur les composants, qui sont la base de toute application Angular. Nous avons appris comment ils lancent l'application et comment nous pouvons communiquer avec nos modèles dans nos composants afin de récupérer des données ou de réagir à des événements.

Maintenant, il y a un autre élément clé que nous utilisons probablement dans toutes les applications Angular que nous construisons: Les directives. Mais qu'est-ce qu'une directive ? Les directives sont des instructions dans le DOM, et nous en utilisons déjà sans le savoir. En effet, les composants sont eux-mêmes des directives avec un template.

Une fois que nous avons placé le sélecteur de notre composant quelque part dans nos templates, nous donnons à Angular l'ordre d'ajouter le contenu de notre modèle de composant ainsi que la logique métier dans nos types de code à l'endroit où nous avons utilisé le sélecteur. Nous avons donc créé une instruction pour Angular: "Ajoute notre composant à cet endroit". En somme, les composants sont des directives, mais des directives avec un template.

Il y a également des directives sans template, comme la directive personnalisée "appTurnGreen" que nous pourrions construire pour simplement colorer le texte en vert. Nous ajoutons généralement des directives avec un sélecteur d'attribut, mais techniquement, le sélecteur d'une directive peut être configuré tout comme le sélecteur d'un composant. Nous pouvons donc également utiliser des classes CSS ou le style de l'élément, bien que l'utilisation du style de l'attribut soit la pratique courante.

Pour définir notre directive, nous utiliserions le décorateur de directive pour informer Angular que cette classe contient une directive. Nous pourrions ensuite inclure la logique nécessaire pour passer au vert. Nous allons apprendre à écrire nos propres directives dans la section dédiée aux directives de ce cours, mais il existe également quelques directives intégrées très utiles que nous verrons dans les prochains cours.