If we want to transform our current approach into an effective Master/Detail navigation pattern, implementing the routes isn't the only thing we need to do--we also need to change our existing component structure to make it routing-friendly. Actually, it can be wise to get this done first, since it will involve some minor refactoring.
Let’s try to get a visual picture of what we need to do before proceeding. It’s time to get rid of this working, yet rather inconsistent, cascading structure:
We'll switch to this navigable one:
While we were there, we took the chance to enrich our app with a couple more components (AboutComponent ...