diff --git a/public/docs/_examples/router/ts/app/app.routes.1.ts b/public/docs/_examples/router/ts/app/app.routes.1.ts
index 8c4caeda55..f22d480744 100644
--- a/public/docs/_examples/router/ts/app/app.routes.1.ts
+++ b/public/docs/_examples/router/ts/app/app.routes.1.ts
@@ -7,9 +7,9 @@ import { provideRouter, RouterConfig } from '@angular/router';
 // #enddocregion
 
 // #docregion base-routes
-import { HeroListComponent } from './hero-list.component';
+import { HeroListComponent }     from './hero-list.component';
 import { CrisisCenterComponent } from './crisis-center/crisis-center.component';
-import { HeroDetailComponent } from './heroes/hero-detail.component';
+import { HeroDetailComponent }   from './heroes/hero-detail.component';
 // #enddocregion base-routes
 
 // #docregion
@@ -24,7 +24,7 @@ export const routes: RouterConfig = [
   // #enddocregion hero-detail-route
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes)
 ];
 // #enddocregion route-config
diff --git a/public/docs/_examples/router/ts/app/app.routes.2.ts b/public/docs/_examples/router/ts/app/app.routes.2.ts
index d0d64e2ea0..c79e8ad17c 100644
--- a/public/docs/_examples/router/ts/app/app.routes.2.ts
+++ b/public/docs/_examples/router/ts/app/app.routes.2.ts
@@ -13,7 +13,7 @@ export const routes: RouterConfig = [
   { path: 'heroes', component: HeroListComponent }
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes)
 ];
 // #enddocregion route-config
diff --git a/public/docs/_examples/router/ts/app/app.routes.3.ts b/public/docs/_examples/router/ts/app/app.routes.3.ts
index c6e9cffc72..e49d055672 100644
--- a/public/docs/_examples/router/ts/app/app.routes.3.ts
+++ b/public/docs/_examples/router/ts/app/app.routes.3.ts
@@ -1,15 +1,15 @@
 // #docplaster
 // #docregion
-import { provideRouter }       from '@angular/router';
+import { provideRouter, RouterConfig } from '@angular/router';
 
 import { CrisisListComponent } from './crisis-center/crisis-list.component';
-import { HeroesRoutes }        from './heroes/heroes.routes';
+import { heroesRoutes }        from './heroes/heroes.routes';
 
-export const routes = [
-  ...HeroesRoutes,
+export const routes: RouterConfig = [
+  ...heroesRoutes,
   { path: 'crisis-center', component: CrisisListComponent }
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes)
 ];
diff --git a/public/docs/_examples/router/ts/app/app.routes.4.ts b/public/docs/_examples/router/ts/app/app.routes.4.ts
index c6ab75c5be..d51635a676 100644
--- a/public/docs/_examples/router/ts/app/app.routes.4.ts
+++ b/public/docs/_examples/router/ts/app/app.routes.4.ts
@@ -1,14 +1,14 @@
 // #docregion
 import { provideRouter, RouterConfig }  from '@angular/router';
 
-import { CrisisCenterRoutes } from './crisis-center/crisis-center.routes';
-import { HeroesRoutes }       from './heroes/heroes.routes';
+import { crisisCenterRoutes } from './crisis-center/crisis-center.routes';
+import { heroesRoutes }       from './heroes/heroes.routes';
 
 export const routes: RouterConfig = [
-  ...HeroesRoutes,
-  ...CrisisCenterRoutes
+  ...heroesRoutes,
+  ...crisisCenterRoutes
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes)
 ];
diff --git a/public/docs/_examples/router/ts/app/app.routes.5.ts b/public/docs/_examples/router/ts/app/app.routes.5.ts
index cb8a39c0a6..87e64af66e 100644
--- a/public/docs/_examples/router/ts/app/app.routes.5.ts
+++ b/public/docs/_examples/router/ts/app/app.routes.5.ts
@@ -1,19 +1,19 @@
 // #docregion
 import { provideRouter, RouterConfig }  from '@angular/router';
 
-import { CrisisCenterRoutes } from './crisis-center/crisis-center.routes';
-import { HeroesRoutes }       from './heroes/heroes.routes';
+import { crisisCenterRoutes } from './crisis-center/crisis-center.routes';
+import { heroesRoutes }       from './heroes/heroes.routes';
 
-import { LoginRoutes,
-         AUTH_PROVIDERS }     from './login.routes';
+import { loginRoutes,
+         authProviders }      from './login.routes';
 
 export const routes: RouterConfig = [
-  ...HeroesRoutes,
-  ...LoginRoutes,
-  ...CrisisCenterRoutes
+  ...heroesRoutes,
+  ...loginRoutes,
+  ...crisisCenterRoutes
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes),
-  AUTH_PROVIDERS
+  authProviders
 ];
diff --git a/public/docs/_examples/router/ts/app/app.routes.ts b/public/docs/_examples/router/ts/app/app.routes.ts
index 45a7f49577..2f003bab55 100644
--- a/public/docs/_examples/router/ts/app/app.routes.ts
+++ b/public/docs/_examples/router/ts/app/app.routes.ts
@@ -1,22 +1,22 @@
 // #docregion
 import { provideRouter, RouterConfig }  from '@angular/router';
 
-import { CrisisCenterRoutes } from './crisis-center/crisis-center.routes';
-import { HeroesRoutes }       from './heroes/heroes.routes';
+import { crisisCenterRoutes } from './crisis-center/crisis-center.routes';
+import { heroesRoutes }       from './heroes/heroes.routes';
 
-import { LoginRoutes,
-         AUTH_PROVIDERS }     from './login.routes';
+import { loginRoutes,
+         authProviders }      from './login.routes';
 
 import { CanDeactivateGuard } from './interfaces';
 
 export const routes: RouterConfig = [
-  ...HeroesRoutes,
-  ...LoginRoutes,
-  ...CrisisCenterRoutes
+  ...heroesRoutes,
+  ...loginRoutes,
+  ...crisisCenterRoutes
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes),
-  AUTH_PROVIDERS,
+  authProviders,
   CanDeactivateGuard
 ];
diff --git a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.1.ts b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.1.ts
index 0c50d6b7df..7f28dabdcf 100644
--- a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.1.ts
+++ b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.1.ts
@@ -5,7 +5,7 @@ import { CrisisListComponent }   from './crisis-list.component';
 import { CrisisCenterComponent } from './crisis-center.component';
 
 // #docregion routes
-export const CrisisCenterRoutes: RouterConfig = [
+export const crisisCenterRoutes: RouterConfig = [
   {
     path: 'crisis-center',
     component: CrisisCenterComponent,
diff --git a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.2.ts b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.2.ts
index 5f44ba160a..3e8d2f391e 100644
--- a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.2.ts
+++ b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.2.ts
@@ -5,7 +5,7 @@ import { CrisisListComponent }   from './crisis-list.component';
 import { CrisisCenterComponent } from './crisis-center.component';
 
 // #docregion routes
-export const CrisisCenterRoutes: RouterConfig = [
+export const crisisCenterRoutes: RouterConfig = [
   // #docregion redirect
   {
     path: '',
diff --git a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.3.ts b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.3.ts
index 75af21c534..9a307f6541 100644
--- a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.3.ts
+++ b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.3.ts
@@ -8,7 +8,7 @@ import { CrisisAdminComponent }  from './crisis-admin.component';
 
 import { CanDeactivateGuard }    from '../interfaces';
 
-export const CrisisCenterRoutes: RouterConfig = [
+export const crisisCenterRoutes: RouterConfig = [
   {
     path: '',
     redirectTo: '/crisis-center',
diff --git a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.4.ts b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.4.ts
index b49bf6dfda..538044ebba 100644
--- a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.4.ts
+++ b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.4.ts
@@ -9,7 +9,7 @@ import { CrisisAdminComponent }  from './crisis-admin.component';
 import { CanDeactivateGuard }    from '../interfaces';
 import { AuthGuard }             from '../auth.guard';
 
-export const CrisisCenterRoutes: RouterConfig = [
+export const crisisCenterRoutes: RouterConfig = [
   {
     path: '',
     redirectTo: '/crisis-center',
diff --git a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.ts b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.ts
index 6f40ce64b3..f8b87190f8 100644
--- a/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.ts
+++ b/public/docs/_examples/router/ts/app/crisis-center/crisis-center.routes.ts
@@ -8,7 +8,7 @@ import { CrisisAdminComponent }  from './crisis-admin.component';
 import { CanDeactivateGuard }    from '../interfaces';
 import { AuthGuard }             from '../auth.guard';
 
-export const CrisisCenterRoutes: RouterConfig = [
+export const crisisCenterRoutes: RouterConfig = [
   {
     path: '',
     redirectTo: '/crisis-center',
diff --git a/public/docs/_examples/router/ts/app/heroes/heroes.routes.ts b/public/docs/_examples/router/ts/app/heroes/heroes.routes.ts
index 80018d1f26..d5d092c016 100644
--- a/public/docs/_examples/router/ts/app/heroes/heroes.routes.ts
+++ b/public/docs/_examples/router/ts/app/heroes/heroes.routes.ts
@@ -3,7 +3,7 @@ import { RouterConfig }          from '@angular/router';
 import { HeroListComponent }     from './hero-list.component';
 import { HeroDetailComponent }   from './hero-detail.component';
 
-export const HeroesRoutes: RouterConfig = [
+export const heroesRoutes: RouterConfig = [
   { path: 'heroes',  component: HeroListComponent },
 // #docregion hero-detail-route
   { path: 'hero/:id', component: HeroDetailComponent }
diff --git a/public/docs/_examples/router/ts/app/login.routes.ts b/public/docs/_examples/router/ts/app/login.routes.ts
index 6dabba376f..f50d2d7264 100644
--- a/public/docs/_examples/router/ts/app/login.routes.ts
+++ b/public/docs/_examples/router/ts/app/login.routes.ts
@@ -1,10 +1,11 @@
 // #docregion
+import { RouterConfig }       from '@angular/router';
 import { AuthGuard }          from './auth.guard';
 import { AuthService }        from './auth.service';
 import { LoginComponent }     from './login.component';
 
-export const LoginRoutes = [
+export const loginRoutes: RouterConfig = [
   { path: 'login', component: LoginComponent }
 ];
 
-export const AUTH_PROVIDERS = [AuthGuard, AuthService];
+export const authProviders = [AuthGuard, AuthService];
diff --git a/public/docs/_examples/router/ts/app/main.1.ts b/public/docs/_examples/router/ts/app/main.1.ts
index 08e6ff4b45..deff5b9ac5 100644
--- a/public/docs/_examples/router/ts/app/main.1.ts
+++ b/public/docs/_examples/router/ts/app/main.1.ts
@@ -2,9 +2,9 @@
 // #docplaster
 // #docregion all
 // main entry point
-import { bootstrap }            from '@angular/platform-browser-dynamic';
-import { AppComponent }         from './app.component';
-import { APP_ROUTER_PROVIDERS } from './app.routes';
+import { bootstrap }          from '@angular/platform-browser-dynamic';
+import { AppComponent }       from './app.component';
+import { appRouterProviders } from './app.routes';
 
 // #enddocregion
 
@@ -19,7 +19,7 @@ import { AppComponent as ac } from './app.component.ts'; // './app.component.1';
 
 bootstrap(ac, [
 // #docregion all
-  APP_ROUTER_PROVIDERS
+  appRouterProviders
 ])
 .catch(err => console.error(err));
 // #enddocregion all
diff --git a/public/docs/_examples/router/ts/app/main.2.ts b/public/docs/_examples/router/ts/app/main.2.ts
index 7bd785b232..10e4e4b18a 100644
--- a/public/docs/_examples/router/ts/app/main.2.ts
+++ b/public/docs/_examples/router/ts/app/main.2.ts
@@ -11,7 +11,7 @@ import { LocationStrategy,
          HashLocationStrategy } from '@angular/common';
 
 import { AppComponent }         from './app.component';
-import { APP_ROUTER_PROVIDERS } from './app.routes';
+import { appRouterProviders }   from './app.routes';
 
 // #enddocregion
 
@@ -25,7 +25,7 @@ import { AppComponent as ac } from './app.component.ts'; // './app.component.2';
 
 bootstrap(ac, [
 // #docregion
-  APP_ROUTER_PROVIDERS,
+  appRouterProviders,
   { provide: LocationStrategy, useClass: HashLocationStrategy } // .../#/crisis-center/
 
 ])
diff --git a/public/docs/_examples/router/ts/app/main.3.ts b/public/docs/_examples/router/ts/app/main.3.ts
index 5d08ced304..e1be742421 100644
--- a/public/docs/_examples/router/ts/app/main.3.ts
+++ b/public/docs/_examples/router/ts/app/main.3.ts
@@ -1,11 +1,11 @@
 /* third version */
 // #docregion
 // main entry point
-import { bootstrap }            from '@angular/platform-browser-dynamic';
-import { AppComponent }         from './app.component.3';
-import { APP_ROUTER_PROVIDERS } from './app.routes';
+import { bootstrap }          from '@angular/platform-browser-dynamic';
+import { AppComponent }       from './app.component.3';
+import { appRouterProviders } from './app.routes';
 
 bootstrap(AppComponent, [
-  APP_ROUTER_PROVIDERS
+  appRouterProviders
 ])
 .catch(err => console.error(err));
diff --git a/public/docs/_examples/router/ts/app/main.ts b/public/docs/_examples/router/ts/app/main.ts
index 7bc0ed4622..6142cad5ee 100644
--- a/public/docs/_examples/router/ts/app/main.ts
+++ b/public/docs/_examples/router/ts/app/main.ts
@@ -1,10 +1,10 @@
 // #docregion
 // main entry point
-import { bootstrap }            from '@angular/platform-browser-dynamic';
-import { AppComponent }         from './app.component';
-import { APP_ROUTER_PROVIDERS } from './app.routes';
+import { bootstrap }          from '@angular/platform-browser-dynamic';
+import { AppComponent }       from './app.component';
+import { appRouterProviders } from './app.routes';
 
 bootstrap(AppComponent, [
-  APP_ROUTER_PROVIDERS
+  appRouterProviders
 ])
 .catch(err => console.error(err));