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 ...