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:
- Using the <router-outlet> element within our root component to allow the router to place instantiated components.
- Using the router link directives to make our project navigation work with the router.
- 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.