Quel est le meilleur moyen de supprimer un composant avec CLI

Question

J'ai essayé d'utiliser "ng destroy composant foo" et il me dit "La commande destroy n'est pas supportée par Angular-CLI"

Comment supprimer correctement les composants avec Angular CLI?

Answer 1

destroy ou quelque chose de similaire peut venir à la CLI, mais il n'est pas une priorité en ce moment. De sorte que vous aurez besoin de le faire manuellement.

Supprimer le répertoire composant (en supposant que vous n'utilisez --flat) puis de la retirer de l' NgModule dans lequel elle est déclarée.

Si vous ne savez pas quoi faire, je vous suggère d'avoir un "propre" app sens pas de cours d' git changements. Ensuite générer un composant et de voir ce qui est modifié dans le repo de sorte que vous pouvez revenir en arrière à partir de là que vous devrez faire pour supprimer un composant.

Mise à jour

Si vous êtes juste à expérimenter sur ce que vous souhaitez générer, vous pouvez utiliser l' --dry-run drapeau de ne pas produire tous les fichiers sur le disque, il suffit de voir les mises à jour de la liste de fichiers.

Answer 2

1. Supprimez le dossier contenant ce composant.
2. Dans app.module.ts, supprimez l'instruction d'importation pour ce composant et supprimez son nom de la section de déclaration de @NgModule.
3. Supprimez la ligne contenant l'instruction d'exportation pour ce composant dans index.ts.

Answer 3

Car il n'est pas encore pris en charge à l'aide angulaire de la CLI

voici donc la façon possible, avant que veuillez observer ce qui se passe lorsque vous créez un composant/service de l'aide de la CLI (ex. ng g c demoComponent).

1. Il crée un autre dossier nommé demoComponent (ng g c demoComponent).
2. Il générer HTML,CSS,ts et spec fiche dédiée à demoComponent.
3. En outre, Il ajoute de la dépendance à l'intérieur de l'app.le module.ts fichier pour ajouter ce composant à votre projet.

donc le faire dans l'ordre inverse

1. Supprimer la Dépendance de l' app.module.ts
2. Supprimer cet élément du dossier.

Answer 4

Actuellement, la CLI angulaire ne prend pas en charge une option permettant de supprimer le composant, vous devez le faire manuellement.

1. Supprimer les références d'importation pour chaque composant de app.module
2. Supprimer les dossiers de composants.

Answer 5

À l'aide de Visual Studio Code, supprimez le dossier du composant et voyez dans l'Explorateur de projet (côté gauche) les fichiers de couleur rouge qui signifie que les fichiers sont affectés et produisent des erreurs. Ouvrez chaque fichier et supprimez le code qui utilise le composant.