Quel est le meilleur moyen pour supprimer un composant avec CLI

J'ai essayé d'utiliser "ng détruire composant foo" et il me dit "La détruire commande n'est pas pris en charge par Angulaires-CLI"

Comment supprimer correctement les composants Angulaire de la CLI?

InformationsquelleAutor Jus10 | 2016-12-28
  1. 130

    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) et puis l'enlever de la 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 courant 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 le --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.

    InformationsquelleAutor Brocco
  2. 109
    1. Supprimer le dossier contenant ce composant.
    2. Dans l'application.le module.ts supprimer l'instruction import pour ce composant et de retirer son nom de la section de déclaration de @NgModule
    3. Supprimer la ligne avec l'instruction d'exportation pour ce composant à partir de l'index.ts.
    • où en est l'indice.ts ? Merci
    • dans les versions les plus récentes de la CLI, ils ne génèrent pas de cela.
    • Je pense qu'une étape de plus est manquant... exécuter ng servir de nouveau, n'est-ce pas?
    • index.ts? Pas dans 5
    • dans Angular6, avoir besoin de supprimer l'instruction d'importation à partir de l'app-routage.le module.ts
    • Étape 3 angulaire 6 serait. Supprimer le Composant de l' @NgModule déclarations tableau.

    InformationsquelleAutor Yakov Fain
  3. 25

    Puisqu'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 un spec dossier consacré à 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.
    InformationsquelleAutor UniCoder
  4. 10

    Actuellement Angulaire de la CLI n'est pas une option pour supprimer le composant, vous devrez le faire manuellement.

    1. Supprimer les références à l'importation pour chaque composant à partir de l'app.module
    2. Supprimer la composante dossiers.
    InformationsquelleAutor Bernardo Soriano
  5. 6

    À l'aide de Code de Visual Studio, supprimer le composant de dossier et de voir dans l'Explorateur de Projet(à gauche) les fichiers que les couleurs Rouge, cela signifie que les fichiers sont affectés et produit des erreurs. Ouvrir chaque fichiers et de supprimer le code qui utilise le composant.

    InformationsquelleAutor babidi
  6. 4

    J'ai écrit un script bash qui devrait automatiser le processus écrit par Yakov Fain ci-dessous. Il peut être appelé comme ./removeComponent myComponentName Cela a seulement été testé avec Angulaire 6

    #!/bin/bash
if [ "$#" -ne 1 ]; then
    echo "Input a component to delete"
    exit 1
fi

# finds folder with component name and deletes
find . -type d -name $1 | xargs rm -rf

# removes lines referencing the component from app.module.ts
grep -v $1 app.module.ts > temp
mv temp app.module.ts

componentName=$1
componentName+="Component"

grep -v -i $componentName app.module.ts > temp
mv temp app.module.ts
    • Veuillez ajouter une note pour moi de changer cela si l'angle de la cli des changements dans l'avenir
    InformationsquelleAutor Aidan Grimshaw
  7. 2

    Je ne suis pas sûr si c'est le meilleur moyen, mais il a travaillé pour moi.

    • D'abord, j'ai supprimé la composante du dossier.
    • Ensuite, j'ai effacé app.le module.ts, app.composante.ts & app.component.html des importations et des déclarations liées à la composante j'ai voulu supprimer.
    • De même, j'ai effacé principal.ts.

    Je viens de sauvé et actualisée de l'application et cela a fonctionné.

    InformationsquelleAutor TheMeanCoder
  8. 2

    Réponse Angulaire 2+

    Supprimer des composants from imports and declaration array de l'app.les modules.ts.

    Deuxième vérifier sa référence est ajoutée dans un autre module, si oui, puis le retirer et

    enfin delete that component Manually à partir de l'app et vous avez terminé.

    Ou vous pouvez le faire dans l'ordre inverse aussi.

    InformationsquelleAutor Deva
  9. 1

    À partir de l'app.le module.ts:

    • effacer ligne d'importation pour le composant spécifique;
    • effacer sa déclaration de @NgModule;

    Puis supprimez le dossier du composant que vous souhaitez supprimer et ses fichiers inclus (.component.ts, .component.html, .component.css et .component.spec.ts).

    Fait.

    -

    J'ai lu les gens disent à propos de l'effacement de main.ts. Vous n'étiez pas censé importer à partir de là, en premier lieu, comme il est déjà importations AppModule, et AppModule est celui de l'importation de tous les composants que vous avez créé.

    InformationsquelleAutor cheddar
  10. 0

    Tout d'abord, supprimer des composants dossier, vous devez le supprimer
    et puis l'enlever ses entrées que vous avez fait dans le "ts" des fichiers.

    InformationsquelleAutor the shashank
  11. 0

    Si vous cherchez de commande de la CLI, Puis sna est PAS pour l'instant.
    Mais vous pouvez faire manuellement en supprimant la composante dossier et toutes les références.

    InformationsquelleAutor Hidayt Rahman
  12. 0

    aussi n'oubliez pas de:
    - supprimer le composant du chemin d'accès du module de routage
    - recherche de composant du nom de la classe dans l'ensemble du projet

    InformationsquelleAutor xx yy
  13. 0

    J'avais besoin de supprimer Angulaire 6 de la directive, dont le fichier spec était erronée. Même après la suppression de la délinquance des fichiers, suppression de toutes les références et la reconstruction de l'application, TS était toujours la même erreur. Ce qui a fonctionné pour moi a été de redémarrer Visual Studio - ce effacé l'erreur et toutes les traces de l'ancien indésirables directive.

    InformationsquelleAutor T. Bulford