Router Tree

The Router Tree tab will display the current state of the router. This can be a very helpful tool in visualizing the relationship between routes and components, as shown:

Augury Router Tree

The preceding router tree demonstrates a deeply nested routing structure with master-detail views. You can see the absolute path and parameters required to render a given component by clicking on the circular node.

As you can see, for PersonDetailsComponent, it can get complicated to determine, exactly, the set of parameters needed to render this detail portion of a master-detail view.

Get Angular 6 for Enterprise-Ready Web Applications 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.