Angular 21 compatibility

[mike-mima]

Hello,

it seems, that the extensions doesn't work with Angular 21 anymore. Especially the loadChildren() seems problematic.

Here is a minimal routing example:

// de.json
{
  "ROUTES.my-home": "home",
  "ROUTES.my-login": "login",
 "ROUTES.my-subcomponent": "subcomponent"
}

//app.routes.ts
export const routes: Routes = [
  {
    path: 'my-home',
    loadChildren: () => import('./home/home.routes')
  },
{
   path: 'my-login',
   component: Login
}
];

//home.routes.ts
const homeRoutes: Routes = [
  {
    path: '',
    component: Home,
    children: [
      {
        path: 'my-subcomponent',
        component: Subcomponent,
      },
    ]
  }
];

Trying to open the url /de/home/subcomponent throws an error in the console:

main.ts:5 ERROR TypeError: Cannot read properties of undefined (reading 'some')
    at containsEmptyPathMatches (_router-chunk.mjs:2744:17)
    at split (_router-chunk.mjs:2703:38)
    at Recognizer.<anonymous> (_router-chunk.mjs:2942:9)
    at Generator.next (<anonymous>)
    at fulfilled (chunk-CNSXMD5J.js?v=e0031a75:36:24)

Trying to open the url /de/login does work.

With Angular v20 everything works as expected

Cheers,

Mike

[BojanKogoj]

Before loadChildren returned Observable, now it's a promise.
loadChildren(parentInjector: Injector, route: Route): Observable<LoadedRouterConfig> {
became
loadChildren(parentInjector: Injector, route: Route): Promise<LoadedRouterConfig> {
angular/angular@2c85d28#diff-62ac4c961bae3584568a7b49042df3c240f3ea53adbb08332f1ba4c4f82f8ec9R81

I'm trying to fix the issue

[BojanKogoj]

Managed to fix it (I hope). However it still needs testing, but you can find current fix in this branch https://github.com/BojanKogoj/ngx-translate-router/tree/feat/angular-21

Edit: This code currently doesn't work correctly on SSG/SSR yet