Back to Angular

Router Tree.Component

devtools/projects/ng-devtools/src/lib/devtools-tabs/router-tree/router-tree.component.html

22.0.0-next.101.0 KB
Original Source

@if (routerDebugApiSupport()) {

Show full path

@if (d3RootNode(); as d3RootNode) { } @let route = selectedRoute(); @let data = routeData(); @if (route && data) {

Routes Details

close

@if (!data.matcher) { | | | } @else { | | | } @if (!data.redirectTo) { | | | } @else { | | | } @if (data.pathMatch) { | | | } @if (data.data) { | | | } @if (data.resolvers) { | | | } @if (data.canActivateGuards && data.canActivateGuards.length > 0) { | | | } @if (data.canActivateChildGuards && data.canActivateChildGuards.length > 0) { | | | } @if (data.canDeactivateGuards && data.canDeactivateGuards.length > 0) { | | | } @if (data.canMatchGuards && data.canMatchGuards.length > 0) { | | | } @if (data.providers && data.providers.length > 0) { | | | } @if (data.title) { | | | } @if (data.runGuardsAndResolvers) { | | | } | | | | | | | | |

} } @else {

Router tree visualization is available for Angular applications using the latest Angular 20.3.5 release and above. Please upgrade your application to Angular 20.3.5 or newer to use this feature.

}