Child routes for project details

Within this section, we're going to use the router for navigating the detail views on our projects. We currently have two detail views on our projects:

  • Project tasks view using the task list container component
  • Project comments view using the project comments container component

We also need to make sure that we're able to activate the sub-views using our tabbed interface on projects. Our current solution is to store the activated tab within the project container component. Based on that, we're deciding which detail view to show within the template of our project component. There, we're using a simple ngIf directive in order to determine which of the two child container components to show.

Let's start with ...

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.