Get full access to Mastering Angular Components and 60K+ other titles, with a free 10-day trial of O'Reilly.

There are also live events, courses curated by job role, and more.

Back to the routes

All right, now it's time to implement routing for our application! In the upcoming topics, we'll create the following routes for our application:

Route path	Description
`/projects/:projectId`	This route will activate the project container component in the outlet of our root application component. This consists of the `projects` URL segment as well as the `:projectId` URL segment to specify the project ID.
`/projects/:projectId/tasks`	This route will activate the `TaskListContainer` component inside of our project component. While we're currently rendering the task list directly within the template of the project component, we will make use of an other router outlet instead.
`/projects/:projectId/comments`

Get Mastering Angular Components now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Don’t leave empty-handed

Get Mark Richards’s Software Architecture Patterns ebook to better understand how to design components—and how they should interact.

It’s yours, free.

Get it now

Check it out now on O’Reilly

Dive in for free with a 10-day trial of the O’Reilly learning platform—then explore all the other resources our members count on to build skills and solve problems every day.

Start your free trial Become a member now