chore(router): Added ModuleWithProviders to routing exports

closes #2113

Author: brandonroberts

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

@@ -2,17 +2,16 @@
 import { NgModule }      from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule }   from '@angular/forms';
-import { RouterModule }   from '@angular/router';
 
 import { AppComponent }  from './app.component';
 import { MovieListComponent } from './movie-list.component';
-import { routes } from './app.routes';
+import { routing } from './app.routing';
 
 @NgModule({
   imports: [
     BrowserModule,
     FormsModule,
-    RouterModule.forRoot(routes, {})
+    routing
   ],
   declarations: [
     AppComponent,

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

@@ -0,0 +1,12 @@
+// #docregion
+import { ModuleWithProviders } from '@angular/core';
+import { Routes, RouterModule }  from '@angular/router';
+
+import { MovieListComponent } from './movie-list.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: '/movies', pathMatch: 'full' },
+  { path: 'movies', component: MovieListComponent }
+];
+
+export const routing: ModuleWithProviders = RouterModule.forRoot(routes);

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

@@ -2,7 +2,8 @@
 import { BrowserModule }                from '@angular/platform-browser';
 import { FormsModule }                  from '@angular/forms';
 import { XHRBackend }                   from '@angular/http';
-// import { appRouterProviders }        from './app.routes';
+/* import { routing,
+            appRoutingProviders }       from './app.routing';*/
 import { LocationStrategy,
          HashLocationStrategy }         from '@angular/common';
 import { NgModule }                     from '@angular/core';
@@ -51,15 +52,19 @@ const C_DIRECTIVES = [
 
 // #docregion bootstrap
 @NgModule({
-  imports: [ BrowserModule, FormsModule ],
+  imports: [
+    BrowserModule,
+    FormsModule,
+    // routing TODO: add routes
+  ],
   declarations: [ ...DIRECTIVES,
                   ...B_DIRECTIVES,
                   ...C_DIRECTIVES,
                   AliceComponent,
                   AlexComponent ],
   bootstrap: [ AppComponent ],
   providers: [
-    // appRouterProviders, TODO: add routes
+    // appRoutingProviders, TODO: add routes
     { provide: LocationStrategy, useClass: HashLocationStrategy },
 
     { provide: XHRBackend, useClass: InMemoryBackendService }, // in-mem server
@@ -71,4 +76,3 @@ export class AppModule {
   }
 }
 // #enddocregion bootstraps
-

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

@@ -0,0 +1,10 @@
+import { ModuleWithProviders }   from '@angular/core';
+import { Routes, RouterModule }  from '@angular/router';
+
+const routes: Routes = [];
+
+export const routing: ModuleWithProviders = RouterModule.forRoot(routes);
+
+export const appRoutingProviders: any[] = [
+
+];

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

@@ -1,3 +1,4 @@
+import { ModuleWithProviders } from '@angular/core';
 import { Routes,
          RouterModule } from '@angular/router';
 
@@ -7,4 +8,4 @@ export const routes: Routes = [
   { path: 'heroes', loadChildren: 'app/hero/hero.module.3' }
 ];
 
-export const routing = RouterModule.forRoot(routes);
+export const routing: ModuleWithProviders = RouterModule.forRoot(routes);

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

@@ -1,4 +1,5 @@
 // #docregion
+import { ModuleWithProviders } from '@angular/core';
 import { Routes,
          RouterModule } from '@angular/router';
 
@@ -11,5 +12,5 @@ export const routes: Routes = [
 ];
 
 // #docregion forRoot
-export const routing = RouterModule.forRoot(routes);
+export const routing: ModuleWithProviders = RouterModule.forRoot(routes);
 // #enddocregion forRoot

public/docs/_examples/ngmodule/ts/app/app.routing.3.ts

@@ -1,7 +1,8 @@
+import { ModuleWithProviders } from '@angular/core';
 import { RouterModule }  from '@angular/router';
 
 import { ContactComponent } from './contact.component.3';
 
-export const routing = RouterModule.forChild([
+export const routing: ModuleWithProviders = RouterModule.forChild([
   { path: 'contact', component: ContactComponent}
 ]);

public/docs/_examples/ngmodule/ts/app/app.routing.ts

@@ -1,9 +1,10 @@
+import { ModuleWithProviders } from '@angular/core';
 import { RouterModule }  from '@angular/router';
 
 import { ContactComponent } from './contact.component';
 
 // #docregion routing
-export const routing = RouterModule.forChild([
+export const routing: ModuleWithProviders = RouterModule.forChild([
   { path: 'contact', component: ContactComponent}
 ]);
 // #enddocregion