angular · eneajaho · Dec 1, 2023 · tieppt · Dec 1, 2023 · tieppt
diff --git a/packages/router/src/router.ts b/packages/router/src/router.ts
@@ -23,7 +23,7 @@ import {Params} from './shared';
 import {StateManager} from './statemanager/state_manager';
 import {UrlHandlingStrategy} from './url_handling_strategy';
 import {containsTree, IsActiveMatchOptions, isUrlTree, UrlSegmentGroup, UrlSerializer, UrlTree} from './url_tree';
-import {standardizeConfig, validateConfig} from './utils/config';
+import {CUSTOM_ROUTE_PROCESSOR, standardizeConfig, validateConfig} from './utils/config';
 import {afterNextNavigation} from './utils/navigations';
 
 
@@ -81,6 +81,7 @@ export class Router {
   private readonly console = inject(Console);
   private readonly stateManager = inject(StateManager);
   private readonly options = inject(ROUTER_CONFIGURATION, {optional: true}) || {};
+  private customRouteProcessor = inject(CUSTOM_ROUTE_PROCESSOR, {optional: true}) ?? undefined;
   private readonly pendingTasks = inject(InitialRenderPendingTasks);
   private readonly urlUpdateStrategy = this.options.urlUpdateStrategy || 'deferred';
   private readonly navigationTransitions = inject(NavigationTransitions);
@@ -334,7 +335,7 @@ export class Router {
    */
   resetConfig(config: Routes): void {
     (typeof ngDevMode === 'undefined' || ngDevMode) && validateConfig(config);
-    this.config = config.map(standardizeConfig);
+    this.config = config.map(x => standardizeConfig(x, this.customRouteProcessor));
     this.navigated = false;
   }
 

diff --git a/packages/router/src/router_config_loader.ts b/packages/router/src/router_config_loader.ts
@@ -6,15 +6,13 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Compiler, EnvironmentInjector, inject, Injectable, InjectFlags, InjectionToken, Injector, NgModuleFactory, Type} from '@angular/core';
+import {Compiler, EnvironmentInjector, inject, Injectable, InjectionToken, Injector, NgModuleFactory, Type} from '@angular/core';
 import {ConnectableObservable, from, Observable, of, Subject} from 'rxjs';
 import {finalize, map, mergeMap, refCount, tap} from 'rxjs/operators';
 
-import {DefaultExport, LoadChildren, LoadChildrenCallback, LoadedRouterConfig, Route, Routes} from './models';
+import {DefaultExport, LoadedRouterConfig, Route, Routes} from './models';
 import {wrapIntoObservable} from './utils/collection';
-import {assertStandalone, standardizeConfig, validateConfig} from './utils/config';
-
-
+import {assertStandalone, CUSTOM_ROUTE_PROCESSOR, standardizeConfig, validateConfig} from './utils/config';
 
 /**
  * The [DI token](guide/glossary/#di-token) for a router configuration.
@@ -136,7 +134,9 @@ export function loadChildren(
               // for it's parent module instead.
               rawRoutes = injector.get(ROUTES, [], {optional: true, self: true}).flat();
             }
-            const routes = rawRoutes.map(standardizeConfig);
+            const customRouteProcessor =
+                injector?.get(CUSTOM_ROUTE_PROCESSOR, undefined, {optional: true}) ?? undefined;
+            const routes = rawRoutes.map(x => standardizeConfig(x, customRouteProcessor));
             (typeof ngDevMode === 'undefined' || ngDevMode) &&
                 validateConfig(routes, route.path, requireStandaloneComponents);
             return {routes, injector};

diff --git a/packages/router/src/utils/config.ts b/packages/router/src/utils/config.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {createEnvironmentInjector, EnvironmentInjector, isStandalone, Type, ɵisNgModule as isNgModule, ɵRuntimeError as RuntimeError} from '@angular/core';
+import {createEnvironmentInjector, EnvironmentInjector, InjectionToken, isStandalone, Type, ɵisNgModule as isNgModule, ɵRuntimeError as RuntimeError} from '@angular/core';
 
 import {EmptyOutletComponent} from '../components/empty_outlet';
 import {RuntimeErrorCode} from '../errors';
@@ -190,15 +190,33 @@ function getFullPath(parentPath: string, currentRoute: Route): string {
 }
 
 /**
- * Makes a copy of the config and adds any default required properties.
+ * The [DI token](guide/glossary/#di-token) for processing the routes when being standardized.
+ *
+ * `CUSTOM_ROUTE_PROCESSOR` is a low level API for processing routes everytime they change.
+ *
+ * @publicApi
  */
-export function standardizeConfig(r: Route): Route {
-  const children = r.children && r.children.map(standardizeConfig);
+export const CUSTOM_ROUTE_PROCESSOR = new InjectionToken<(r: Route) => Route>(
+    'CUSTOM_ROUTE_PROCESSOR',
+);
+
+
+/**
+ * Makes a copy of the config and adds any default required properties and apply the custom route
+ * processor.
+ */
+export function standardizeConfig(r: Route, customRouteProcessor?: (r: Route) => Route): Route {
+  const children = r.children && r.children.map(x => standardizeConfig(x, customRouteProcessor));
-  const children = r.children && r.children.map(x => standardizeConfig(x, customRouteProcessor));
+  const children = r.children?.map(x => standardizeConfig(x, customRouteProcessor));
-  const children = r.children && r.children.map(x => standardizeConfig(x, customRouteProcessor));
+  const children = r.children?.map(x => standardizeConfig(x, customRouteProcessor));
   const c = children ? {...r, children} : {...r};
   if ((!c.component && !c.loadComponent) && (children || c.loadChildren) &&
       (c.outlet && c.outlet !== PRIMARY_OUTLET)) {
     c.component = EmptyOutletComponent;
   }
+
+  if (customRouteProcessor) {
+    return customRouteProcessor(c);
+  }
+
   return c;
 }