Comment générer des composants dans un dossier spécifique avec angular-cli?
J'utilise angualr4 avec angular-cli et je suis capable de créer un nouveau composant avec la commande suivante.
E:\HiddenWords>ng generate component plainsight
Mais je dois générer un composant enfant dans Plainsight. Y a-t-il un moyen de faire avec angular-cli?
Vous pouvez mentionner le chemin avec la commandeng g
ng g component plainsight/yourchildcompname
ce qui précède créera un composantyourchildcompnameet les fichiers nécessaires dans le dossier Plainsight. si le dossier plainsight n’existe pas, il le créera également.
Le ng g component plainsight/some-name crée un nouveau répertoire lorsque nous l'utilisons.
Le résultat final sera:
plainsight/some-name/some-name.component.ts
Pour éviter cela, utilisez l'option flatng g component plainsight/some-name --flat et il générera les fichiers sans que crée un nouveau dossier
plainsight/some-name.component.ts
ng g c component-name
Pour spécifier l'emplacement personnalisé: ng g c specific-folder/component-name
ici, component-name sera créé dans un dossier spécifique.
Une approche similaire peut être utilisée pour générer d'autres composants comme directive, pipe, service, class, guard, interface, enum, module, etc.
code plus court pour générer le composant: ng g c component-name
pour spécifier son emplacement: ng g c specific-folder/component-name
Information additionnelle
code plus court pour générer la directive: ng g d directive-name
pour spécifier son emplacement: ng g d specific-folder/directive-name
Méthode rapide, simple et sans erreur
vous voulez créer un composant dans un dossier app/component, puis procédez comme suit
- Faites un clic droit sur le dossier du composant, puis sélectionnez
Open in Command Prompt - Maintenant, tapez
ng g c my-new-componentdans le terminal nouvellement créé
Aussi, vous pouvez vérifier ce processus à travers cette image
Pour générer un composant ou un module à l'aide de la ligne de commande angular-cli, utilisez les commandes suivantes:
1. ng génère un en-tête de composant --module = app (- module = app indique à la CLI de l'enregistrer dans le tableau imports/declarations de l'AppModule.)
- Cette commande va créer un dossier avec le nom "header" et y placer 2 fichiers ts, un fichier html et un fichier css.
2. ng générer le module app-routing --flat --module = app (si vous utilisez --flat, le fichier est placé dans src/app au lieu de son propre dossier.)
Je n’avais aucune chance avec les réponses ci-dessus (y compris --flat), mais ce qui a fonctionné pour moi a été:
cd path/to/specific/directory
À partir de là, j'ai exécuté le ng g c mynewcomponent
Simple
ng g component plainsight/some-name
Il créera un dossier "plainsight" et générera un composant nommé à l'intérieur.
ng g c folderName/SubFolder/.../componentName --spec=false
Essayez d'utiliser
ng g component plainsight/some-name.component.ts
Ou essayez-le manuellement, si vous vous sentez plus à l'aise.
Allez protéger le dossier dans CMD ou dans Project Terminal.
Exécuter cmd: ng g c nomcomposant
Une fois que vous êtes dans le répertoire de votre projet. utiliser cd path/to/directory puis utiliser ng g c component_name --spec=false, tout est automatisé et sans erreur
le g c signifie générer un composant