I need to create ten Angular components like comp1, comp2, comp3, comp4, ..., comp10. So I need to execute same command for ten times for each component like ng g c comp1, ng g c comp2, etc.
Is there any option to generate multiple angular components using single angular-cli command like ng g c comp1, comp2, comp3.
Every component must be declared in one—and only one—Angular module. Open app.
Inside that directory, four files are created: A CSS file for the component styles. An HTML file for the component template.
We can use ng generate component command to create component in sub-directory or specific folder.
Well, there is nothing as of now by Angular CLI to create multiple components. But this can be done trivially in any shell.
Run this command into your bash shell -
for i in comp1 comp2; do ng g c "${i}"; done
Special thanks to Ingo Bürk's answer
Microsoft Windows variants
In root:
for %n in (component-name-1, component-name-2, ...) do ng g c %n
In module:
for %n in (component-name-1, component-name-2, ...) do ng g c module-name/%n
In module, without tests:
for %n in (component-name-1, component-name-2, ...) do ng g c module-name/%n --skipTests=true
Angular - ng generate
Windows CMD FOR command reference
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With