Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
This site is no longer updated.Head to Angular.devHome
/

This is the archived documentation for Angular v17. Please visit angular.dev to see this page for the current version of Angular.

provideRouter

Sets up providers necessary to enable Router functionality for the application. Allows to configure a set of routes as well as extra features that should be enabled.

      
      provideRouter(routes: Routes, ...features: RouterFeatures[]): EnvironmentProviders
    
Parameters
routes Routes

A set of Routes to use for the application routing table.

features RouterFeatures[]

Optional features to configure additional router behaviors.

Returns

EnvironmentProviders: A set of providers to setup a Router.

See also

Usage notes

Basic example of how you can add a Router to your application:

      
      const appRoutes: Routes = [];
bootstrapApplication(AppComponent, {
  providers: [provideRouter(appRoutes)]
});
    

You can also enable optional features in the Router by adding functions from the RouterFeatures type:

      
      const appRoutes: Routes = [];
bootstrapApplication(AppComponent,
  {
    providers: [
      provideRouter(appRoutes,
        withDebugTracing(),
        withRouterConfig({paramsInheritanceStrategy: 'always'}))
    ]
  }
);