Angular Router Interop Experimental

Compatibility facades that let Angular Router APIs such as Router, ActivatedRoute, and RouterLink run against TanStack Angular Router state and navigation.

Use the entrypoint that matches your Angular major:

import { provideAngularRouterInteroperability } from '@benjavicente/angular-router-interop-experimental/v22'

Compose it with the TanStack Angular router provider:

bootstrapApplication(AppComponent, {
  providers: [
    provideTanstackRouter({ router }),
    provideAngularRouterInteroperability(),
  ],
})

This package only supports active Angular versions. It currently exposes the /v22 entrypoint for Angular 22. Future Angular majors should be added as separate versioned entrypoints.

When using local file or workspace-linked Angular packages with Vite, make sure @angular/router is deduped together with the rest of the Angular packages. Duplicated Angular Router modules create different DI tokens and stock RouterLink will not see the interop ActivatedRoute provider.

TanStack Router remains the source of truth. This package supports Angular Router facades for Router, ActivatedRoute, and stock RouterLink; it does not support Angular route recognition, guards, resolvers, preloading, route reuse, router outlet activation, auxiliary outlets, matrix params, or hidden/browser URL divergence.