O'Reilly logo

Mastering Angular Components by Gion Kunz

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Composing projects using the router

We've already prepared the route configuration for navigating our projects. The next step is to enable the router to handle the composition of projects correctly based on user navigation. Together, we'll execute the following three steps to achieve this:

  1. Using the <router-outlet> element within our root component to allow the router to place instantiated components.
  2. Using the router link directives to make our project navigation work with the router.
  3. Getting rid of the selected project state in our project service and instead rely on the URL state, which now includes the project ID of the navigated project. We can then refactor our project container component to make use of this route parameter.

Let's ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required