Create a router just for the sub sections

nesting.md

@@ -5,6 +5,7 @@
 1. Describe nested routes
 1. Create components for two sub sections
 1. Move the appropriate HTML to each sub section component
+1. Create a router just for the sub sections
 
 ## Describe nested routes
 
@@ -36,3 +37,42 @@ and `src/app/career/career.component.html`:
 <h3>Career</h3>
 <p>Now I'm makin' it raaaiiiiiinnnn!!!</p>
 ```
+
+## Create a router just for the sub sections
+
+Create `src/app/about/about-routing.module.ts`:
+
+```javascript
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AboutComponent } from './about.component';
+import { EarlyLifeComponent } from '../early-life/early-life.component';
+import { CareerComponent } from '../career/career.component';
+
+const aboutRoutes: Routes = [
+    {
+        path: 'about', //note the path for the main section
+        component: AboutComponent,
+        children: [ //create the sub sections (children) for this route
+            {
+                path: 'early-life',
+                component: EarlyLifeComponent
+            },
+            {
+                path: 'career',
+                component: CareerComponent
+            }
+        ]
+    }
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild(aboutRoutes)
+    ],
+    exports: [
+        RouterModule
+    ]
+})
+export class AboutRoutingModule { }
+```

router/src/app/about/about-routing.module.ts

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AboutComponent } from './about.component';
+import { EarlyLifeComponent } from '../early-life/early-life.component';
+import { CareerComponent } from '../career/career.component';
+
+const aboutRoutes: Routes = [
+    {
+        path: 'about', //note the path for the main section
+        component: AboutComponent,
+        children: [ //create the sub sections (children) for this route
+            {
+                path: 'early-life',
+                component: EarlyLifeComponent
+            },
+            {
+                path: 'career',
+                component: CareerComponent
+            }
+        ]
+    }
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild(aboutRoutes)
+    ],
+    exports: [
+        RouterModule
+    ]
+})
+export class AboutRoutingModule { }