Is any way to create a routing.module.ts while generating a new module in angular-cli application other than creating it manually?
I recently started implementing lazy loading in my application and would like to combine both operations in one step.
There is no separate command to create routing.module file. But, that can be created while on the creation of the module:
ng generate module [module-name] --routing
or the shorthand version of the command:
ng g m [module-name] --routing
... will create the module and add the mappings/metadata linkings.
I was searching about this a bit and found some article which has a very good explanation for different kind of commands.
my-routing.module.ts for an existing my.module.ts with ng generate module my-routing --module my --flat. Then add RouterModule to the new routing module as shown in this answer.Module with Routing Create CMD :-
ng g m [ModuleName] --routing
Late but very useful.
ng g m about --module app --route about
The above command will generate about module with about component and add lazy load route at app module for routing about route.
--module app.routing.ts. Got the hint from stackoverflow.com/a/69779475/12924116.I am late to the party :) but here is how I generate a module, routing for the module and component all at one go and inside the same directory
From the src/app/ directory type in the following command to generate a module, routing and component called 'my-page'
ng g m my-page --routing=true && ng g c my-page --skip-tests=true -m=my-page
If you want the tests to be generated then do not use the --skip-tests argument.
Creates both module and routing simultaneously in the same folder.
ng g m sub-folder/module-name --routing
Creates the only module.
ng g m sub-folder/module-name
To create a module with routing(lazy load importing), module routing, and a component that loaded at your routing you can write by following the syntax
ng g m [myModule_name] --route [myRoute_path_name] --module [routing_module_name]
Example :
ng g m public --route public --module app
ng g c componanentName or ng g c sub-folder/componentName ng g m sub-folder/moduleName --routingSimple command for Create a Module with routing..
ng g m [module_name] --routing
You can use
// module and routing
-> ng g m name --routing
// component with module and routing
-> ng g c name && ng g m name --routing
-> ng g m name --routing && ng g c name -m=name`
ng generate module ModulName --flat --module=app
You can generate a module, routing, and component all at one go like this:
ng g m vast-urls --routing=true && ng g c vast-urls --skip-tests=true -m=vast-urls
1-if you want generate a routing in a folder:
ng g m [modelName] --routing
2-if you want to generate a routing in the same folder:
ng g m [modelName] --flat --routing --modele=app
3-generate a componenet with model routing:
ng g c [modelName] && ng g m [modelName] --routing
PowerShell
This is a PowerShell function based on the other answers, which should be preloaded in the powersehll profile.
function Set-RoutingModule {
param( [Parameter(Mandatory=$true)]
[string]$Name );
# Create Component
& ng g c $Name
# Check the exit code
if ($LastExitCode -eq 0) {
# Create Module
& ng g m $Name --routing=true
& write-host "Success" -ForegroundColor Green
} else {
# Handle the error
& write-host "Error executing ng g m command." -ForegroundColor Red
}
}
Set-RoutingModule About
