Angular Tutorial For Beginners - Part Nine - Routing

This is part 9 of the Angular tutorial for Beginners series.

Let’s learn about routing in Part 9 of the Angular tutorial for Beginner series.

Initially when we created our project, Angular asked if we wanted to add routing. We said yes. Angular then created the app-routing.module.ts for us. It imported the RouterModule from @angular/router. This exposes the routing service and we can use routing directives. It also exposes the configured routes. We have also called the routing module for the root method. We later pass our routes here at the root level.

Angular also imported AppRoutingModule in the app.module.ts for us,

We will also find that a router-outlet has been added in the app.component.html.

These are the changes that angular made for us when we asked it to add to routing. Now let’s have a look at how we can use them.