In this chapter, we learned about the basic concepts of the router in Angular. We looked at how we can use the existing component tree to configure child routes in nested-router scenarios. We have learned about the router outlet element and the basic router link directive.

We have refactored our existing navigation elements, such as the project navigation and the tabbed interface on the project view. We've used router links and programmatic navigation to fulfil different navigation scenarios.

We looked into some common route configuration specifics and the basics of the router link DSL. We've also learned about route matching patterns as well as parameter placeholders and how to access these parameters in activated routes.

Last but not least, we've created a simple guard which prevents our users from accessing project details with invalid project IDs.

In...