Comme pour le renommage d'un composant, il n'y a pas de commande CLI qui permette de renommer une directive.

Vous êtes donc contraints d'utiliser une des 2 méthodes suivantes : le renommage manuel, ou le renommage via un plugin..

Renommer une directive manuellement

Renommer une directive manuellement est assez simple et rapide, car il n'y a que le fichier de la directive et le fichier de test à renommer. Egalement un chemin d'import a gérer : celui du fichier de test.

Etape 1 : Renommer les fichiers

Modifiez le nom de votre directive.ts et de votre directive.spec.ts.

Etape 2 : Renommer les imports dans le fichier de test et le module

Modifiez les imports dans les fichiers de tests et le module de déclaration de la directive (par défaut app.module.ts).

Votre éditeur de code vous proposera probablement de renommer ces imports automatiquement.

Etape 3 : Renommer le nom de classe et le selecteur

Il ne vous reste plus qu'à modifier le nom de la classe et le sélecteur de votre directive.

Pour modifier le nom de la classe, utilisez la fonctionner de renommage de votre éditeur de code (généralement F2). Pour le sélecteur, vous devrez surement utiliser un Search and Replace (ctrl + h), pour modifier toutes les utilisations de la directive.

Notez que modifier le sélecteur et ses utilisations est une étape facultative.

Renommer une directive via un plugin

Il existe un plugin VSCode permettant de renommer n'importe quel schéma Angular (composant, directive, service etc.). Plus d'infos dans cet article.

Conclusion

Vous pouvez désormais renommer vos directives. Si vous avez des questions, n'hésitez pas à nous contacter !