refactor(routes): Refactor routing into routing modules

Author: brandonroberts

src/app/app-routing.module.ts

@@ -0,0 +1,26 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
+
+export const routes: Routes = [
+  { path: '', loadChildren: './rxjs/rxjs.module#RxjsModule' },
+  {
+    path: 'operators',
+    loadChildren: './operators/operators.module#OperatorsModule'
+  },
+  { path: 'team', loadChildren: './team/team.module#TeamModule' },
+  {
+    path: 'companies',
+    loadChildren: './companies/companies.module#CompaniesModule'
+  },
+  { path: '**', redirectTo: '' }
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forRoot(routes, {
+      preloadingStrategy: PreloadAllModules
+    })
+  ],
+  exports: [RouterModule]
+})
+export class AppRoutingModule {}

src/app/app.module.ts

@@ -1,12 +1,11 @@
-import { BrowserModule } from "@angular/platform-browser";
-import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
-import { NgModule } from "@angular/core";
-import { RouterModule, PreloadAllModules } from "@angular/router";
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { NgModule } from '@angular/core';
 
-import { AppComponent } from "./app.component";
-import { RXJS_DOC_ROUTES } from "./app.routing";
-import { ToolbarModule } from "./toolbar/toolbar.module";
-import { MatSidenavModule, MatListModule } from "@angular/material";
+import { AppComponent } from './app.component';
+import { ToolbarModule } from './toolbar/toolbar.module';
+import { MatSidenavModule, MatListModule } from '@angular/material';
+import { AppRoutingModule } from './app-routing.module';
 
 @NgModule({
   declarations: [AppComponent],
@@ -16,9 +15,7 @@ import { MatSidenavModule, MatListModule } from "@angular/material";
     ToolbarModule,
     MatListModule,
     MatSidenavModule,
-    RouterModule.forRoot(RXJS_DOC_ROUTES, {
-      preloadingStrategy: PreloadAllModules
-    })
+    AppRoutingModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/app.routing.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { CompaniesComponent } from './companies.component';
+
+const routes: Routes = [{ path: '', component: CompaniesComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CompaniesRoutingModule {}

src/app/companies/companies-routing.module.ts

@@ -1,12 +1,12 @@
-import { NgModule } from "@angular/core";
+import { NgModule } from '@angular/core';
 
-import { CompaniesComponent } from "./companies.component";
-import { routing } from "./companies.routing";
-import { SharedModule } from "../shared.module";
-import { environment } from "../../environments/environment";
+import { CompaniesComponent } from './companies.component';
+import { CompaniesRoutingModule } from './companies-routing.module';
+import { SharedModule } from '../shared.module';
+import { environment } from '../../environments/environment';
 
 @NgModule({
-  imports: [routing, SharedModule],
+  imports: [CompaniesRoutingModule, SharedModule],
   declarations: [CompaniesComponent]
 })
 export class CompaniesModule {}

src/app/companies/companies.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { OperatorsComponent } from './operators.component';
+
+const routes: Routes = [{ path: '', component: OperatorsComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class OperatorsRoutingModule {}

src/app/companies/companies.routing.ts

@@ -2,25 +2,25 @@ import {
   NgModule,
   InjectionToken,
   CUSTOM_ELEMENTS_SCHEMA
-} from "@angular/core";
-import { LayoutModule } from "@angular/cdk/layout";
-import { ClipboardModule } from "ngx-clipboard";
+} from '@angular/core';
+import { LayoutModule } from '@angular/cdk/layout';
+import { ClipboardModule } from 'ngx-clipboard';
 
-import { ALL_OPERATORS, OperatorDoc } from "../../operator-docs";
-import { OperatorsRoutingModule } from "./operators.routing";
-import { OperatorsComponent, OPERATORS_TOKEN } from "./operators.component";
-import { OperatorComponent } from "./components/operator/operator.component";
-import { OperatorHeaderComponent } from "./components/operator-header/operator-header.component";
-import { OperatorParametersComponent } from "./components/operator-parameters/operator-parameters.component";
-import { OperatorExamplesComponent } from "./components/operator-examples/operator-examples.component";
-import { RelatedOperatorsComponent } from "./components/related-operators/related-operators.component";
-import { OperatorExtrasComponent } from "./components/operator-extras/operator-extras.component";
-import { AdditionalResourcesComponent } from "./components/additional-resources/additional-resources.component";
-import { MarbleDiagramComponent } from "./components/marble-diagram/marble-diagram.component";
-import { WalkthroughComponent } from "./components/walkthrough/walkthrough.component";
-import { HighlightJsDirective } from "./directives/highlight-js.directive";
-import { SafeUrlPipe } from "./pipes/safe-url.pipe";
-import { SharedModule } from "../shared.module";
+import { ALL_OPERATORS, OperatorDoc } from '../../operator-docs';
+import { OperatorsRoutingModule } from './operators-routing.module';
+import { OperatorsComponent, OPERATORS_TOKEN } from './operators.component';
+import { OperatorComponent } from './components/operator/operator.component';
+import { OperatorHeaderComponent } from './components/operator-header/operator-header.component';
+import { OperatorParametersComponent } from './components/operator-parameters/operator-parameters.component';
+import { OperatorExamplesComponent } from './components/operator-examples/operator-examples.component';
+import { RelatedOperatorsComponent } from './components/related-operators/related-operators.component';
+import { OperatorExtrasComponent } from './components/operator-extras/operator-extras.component';
+import { AdditionalResourcesComponent } from './components/additional-resources/additional-resources.component';
+import { MarbleDiagramComponent } from './components/marble-diagram/marble-diagram.component';
+import { WalkthroughComponent } from './components/walkthrough/walkthrough.component';
+import { HighlightJsDirective } from './directives/highlight-js.directive';
+import { SafeUrlPipe } from './pipes/safe-url.pipe';
+import { SharedModule } from '../shared.module';
 
 @NgModule({
   declarations: [

src/app/operators/operators-routing.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RxjsComponent } from './rxjs.component';
+
+const routes: Routes = [{ path: '', component: RxjsComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class RxjsRoutingModule {}