@if (routerDebugApiSupport()) {
Show full path

- Active route

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

## Routes Details

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

}