docs(router): Removed references to deprecated router

Author: brandonroberts

public/docs/_examples/cb-a1-a2-quick-reference/ts/app/app.component.html

@@ -4,7 +4,7 @@ <h1>{{title}}</h1>
 <h3>Routed Movies</h3>
 <nav>
   <!-- #docregion router-link -->
-  <a [routerLink]="['Movies']">Movies</a>
+  <a [routerLink]="['/movies']">Movies</a>
   <!-- #enddocregion router-link -->
 </nav>
 <router-outlet></router-outlet>

public/docs/_examples/cb-a1-a2-quick-reference/ts/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';
+import { ROUTER_DIRECTIVES } from '@angular/router';
 
 import { MovieListComponent } from './movie-list.component';
 import { MovieService } from './movie.service';
@@ -12,11 +12,8 @@ import { StringSafeDatePipe } from './date.pipe';
   styleUrls: ['app/app.component.css'],
   directives: [MovieListComponent, ROUTER_DIRECTIVES],
   pipes: [StringSafeDatePipe],
-  providers: [MovieService, ROUTER_PROVIDERS]
+  providers: [MovieService]
 })
-@RouteConfig([
-  {path: '/movies', name: 'Movies', component: MovieListComponent, useAsDefault: true}
-])
 export class AppComponent {
 
   angularDocsUrl = 'https://angular.io/';

public/docs/_examples/cb-a1-a2-quick-reference/ts/app/app.routes.ts

@@ -0,0 +1,13 @@
+// #docregion
+import { provideRouter, RouterConfig }  from '@angular/router';
+
+import { MovieListComponent } from './movie-list.component';
+
+const routes: RouterConfig = [
+  { path: '', redirectTo: '/movies', pathMatch: 'full' },
+  { path: 'movies', component: MovieListComponent }
+];
+
+export const APP_ROUTER_PROVIDERS = [
+  provideRouter(routes)
+];

public/docs/_examples/cb-a1-a2-quick-reference/ts/app/main.1.ts

@@ -0,0 +1,5 @@
+// #docregion
+import { bootstrap } from '@angular/platform-browser-dynamic';
+import { AppComponent } from './app.component';
+
+bootstrap(AppComponent);

public/docs/_examples/cb-a1-a2-quick-reference/ts/app/main.ts

@@ -1,6 +1,8 @@
 // #docregion
 import { bootstrap } from '@angular/platform-browser-dynamic';
-
 import { AppComponent } from './app.component';
+import { APP_ROUTER_PROVIDERS } from './app.routes';
 
-bootstrap(AppComponent);
+bootstrap(AppComponent, [
+  APP_ROUTER_PROVIDERS
+]);

public/docs/_examples/cb-a1-a2-quick-reference/ts/app/movie-list.component.ts

@@ -2,7 +2,6 @@
 // #docplaster
 // #docregion import
 import { Component } from '@angular/core';
-import { ROUTER_DIRECTIVES } from '@angular/router-deprecated';
 // #enddocregion import
 import { MovieService } from './movie.service';
 import { IMovie } from './movie';

public/docs/_examples/cb-dependency-injection/ts/app/app.routes.ts

@@ -0,0 +1,7 @@
+import { provideRouter, RouterConfig }  from '@angular/router';
+
+const routes: RouterConfig = [];
+
+export const APP_ROUTER_PROVIDERS = [
+  provideRouter(routes)
+];

public/docs/_examples/cb-dependency-injection/ts/app/main.ts

@@ -1,7 +1,7 @@
 // #docregion
-import { bootstrap }        from '@angular/platform-browser-dynamic';
-import { XHRBackend }       from '@angular/http';
-import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
+import { bootstrap }            from '@angular/platform-browser-dynamic';
+import { XHRBackend }           from '@angular/http';
+import { APP_ROUTER_PROVIDERS } from './app.routes';
 import { LocationStrategy,
          HashLocationStrategy } from '@angular/common';
 
@@ -13,7 +13,7 @@ import { AppComponent }     from './app.component';
 
 // #docregion bootstrap
 bootstrap(AppComponent, [
-  ROUTER_PROVIDERS,
+  APP_ROUTER_PROVIDERS,
   { provide: LocationStrategy, useClass: HashLocationStrategy },
 
   { provide: XHRBackend, useClass: InMemoryBackendService }, // in-mem server

public/docs/_examples/router/ts/app/app.component.5.ts

@@ -14,7 +14,7 @@ import { HeroDetailComponent } from './heroes/hero-detail.component';
 
 // #docregion
 // #docregion route-config
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   // #docregion route-defs
   { path: 'crisis-center', component: CrisisCenterComponent },
   { path: 'heroes', component: HeroListComponent },

public/docs/_examples/router/ts/app/app.routes.1.ts

@@ -8,7 +8,7 @@ import { CrisisListComponent }  from './crisis-list.component';
 import { HeroListComponent }    from './hero-list.component';
 
 // #docregion route-config
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   { path: 'crisis-center', component: CrisisListComponent },
   { path: 'heroes', component: HeroListComponent }
 ];

public/docs/_examples/router/ts/app/app.routes.2.ts

@@ -5,7 +5,7 @@ import { provideRouter }       from '@angular/router';
 import { CrisisListComponent } from './crisis-center/crisis-list.component';
 import { HeroesRoutes }        from './heroes/heroes.routes';
 
-export const routes = [
+const routes = [
   ...HeroesRoutes,
   { path: 'crisis-center', component: CrisisListComponent }
 ];

public/docs/_examples/router/ts/app/app.routes.3.ts

@@ -4,7 +4,7 @@ import { provideRouter, RouterConfig }  from '@angular/router';
 import { CrisisCenterRoutes } from './crisis-center/crisis-center.routes';
 import { HeroesRoutes }       from './heroes/heroes.routes';
 
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   ...HeroesRoutes,
   ...CrisisCenterRoutes
 ];

public/docs/_examples/router/ts/app/app.routes.4.ts

@@ -7,7 +7,7 @@ import { HeroesRoutes }       from './heroes/heroes.routes';
 import { LoginRoutes,
          AUTH_PROVIDERS }     from './login.routes';
 
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   ...HeroesRoutes,
   ...LoginRoutes,
   ...CrisisCenterRoutes

public/docs/_examples/router/ts/app/app.routes.5.ts

@@ -9,7 +9,7 @@ import { LoginRoutes,
 
 import { CanDeactivateGuard } from './interfaces';
 
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   ...HeroesRoutes,
   ...LoginRoutes,
   ...CrisisCenterRoutes

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

@@ -6,7 +6,7 @@ import { HeroesComponent } from './heroes.component';
 import { HeroDetailComponent } from './hero-detail.component';
 // #enddocregion hero-detail-import
 
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   // #docregion redirect-route
   {
     path: '',

public/docs/_examples/toh-5/ts/app/app.routes.1.ts

@@ -7,7 +7,7 @@ import { HeroesComponent } from './heroes.component';
 import { HeroDetailComponent } from './hero-detail.component';
 // #enddocregion hero-detail-import
 
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   {
     path: '',
     redirectTo: '/dashboard',

public/docs/_examples/toh-5/ts/app/app.routes.ts

@@ -5,7 +5,7 @@ import { DashboardComponent } from './dashboard.component';
 import { HeroesComponent } from './heroes.component';
 import { HeroDetailComponent } from './hero-detail.component';
 
-export const routes: RouterConfig = [
+const routes: RouterConfig = [
   {
     path: '',
     redirectTo: '/dashboard',