docs(router): more little fixes from #1808

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

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

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 = [
+export const routes: RouterConfig = [
-  ...HeroesRoutes,
+  ...heroesRoutes,
   { path: 'crisis-center', component: CrisisListComponent }
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes)
 ];

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 { crisisCenterRoutes } from './crisis-center/crisis-center.routes';
-import { HeroesRoutes }       from './heroes/heroes.routes';
+import { heroesRoutes }       from './heroes/heroes.routes';
 
 export const routes: RouterConfig = [
-  ...HeroesRoutes,
+  ...heroesRoutes,
-  ...CrisisCenterRoutes
+  ...crisisCenterRoutes
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes)
 ];

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 { crisisCenterRoutes } from './crisis-center/crisis-center.routes';
-import { HeroesRoutes }       from './heroes/heroes.routes';
+import { heroesRoutes }       from './heroes/heroes.routes';
 
-import { LoginRoutes,
+import { loginRoutes,
-         AUTH_PROVIDERS }     from './login.routes';
+         authProviders }      from './login.routes';
 
 export const routes: RouterConfig = [
-  ...HeroesRoutes,
+  ...heroesRoutes,
-  ...LoginRoutes,
+  ...loginRoutes,
-  ...CrisisCenterRoutes
+  ...crisisCenterRoutes
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes),
-  AUTH_PROVIDERS
+  authProviders
 ];

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 { crisisCenterRoutes } from './crisis-center/crisis-center.routes';
-import { HeroesRoutes }       from './heroes/heroes.routes';
+import { heroesRoutes }       from './heroes/heroes.routes';
 
-import { LoginRoutes,
+import { loginRoutes,
-         AUTH_PROVIDERS }     from './login.routes';
+         authProviders }      from './login.routes';
 
 import { CanDeactivateGuard } from './interfaces';
 
 export const routes: RouterConfig = [
-  ...HeroesRoutes,
+  ...heroesRoutes,
-  ...LoginRoutes,
+  ...loginRoutes,
-  ...CrisisCenterRoutes
+  ...crisisCenterRoutes
 ];
 
-export const APP_ROUTER_PROVIDERS = [
+export const appRouterProviders = [
   provideRouter(routes),
-  AUTH_PROVIDERS,
+  authProviders,
   CanDeactivateGuard
 ];

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,

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: '',

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',

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',

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',

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 }

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];

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 { bootstrap }          from '@angular/platform-browser-dynamic';
-import { AppComponent }         from './app.component';
+import { AppComponent }       from './app.component';
-import { APP_ROUTER_PROVIDERS } from './app.routes';
+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

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/
 
 ])

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 { bootstrap }          from '@angular/platform-browser-dynamic';
-import { AppComponent }         from './app.component.3';
+import { AppComponent }       from './app.component.3';
-import { APP_ROUTER_PROVIDERS } from './app.routes';
+import { appRouterProviders } from './app.routes';
 
 bootstrap(AppComponent, [
-  APP_ROUTER_PROVIDERS
+  appRouterProviders
 ])
 .catch(err => console.error(err));

public/docs/_examples/router/ts/app/main.ts

@@ -1,10 +1,10 @@
 // #docregion
 // main entry point
-import { bootstrap }            from '@angular/platform-browser-dynamic';
+import { bootstrap }          from '@angular/platform-browser-dynamic';
-import { AppComponent }         from './app.component';
+import { AppComponent }       from './app.component';
-import { APP_ROUTER_PROVIDERS } from './app.routes';
+import { appRouterProviders } from './app.routes';
 
 bootstrap(AppComponent, [
-  APP_ROUTER_PROVIDERS
+  appRouterProviders
 ])
 .catch(err => console.error(err));