TypeScript 2.x By Example

Adding routing to the modules

When we created our application using the ng new command, we used a routing flag to add routing by default in our application. The Angular CLI looks at this flag and determines to generate a file for routing and adds a reference to that in the app module file.

Now, when we create a new module in our existing application, we have two options:

• Use the existing routing file to define routes for the components inside this new module
• Create separate routes for modules so that the code is cleaner and easier to manage

The Angular CLI provides us with a routing flag when generating the module, which informs the CLI to define separate routes for the said module.

Let's look at the command to generate the module with ...