diff --git a/nesting.md b/nesting.md index 8faf184..56abe5b 100644 --- a/nesting.md +++ b/nesting.md @@ -4,6 +4,7 @@ 1. Describe nested routes 1. Create components for two sub sections +1. Move the appropriate HTML to each sub section component ## Describe nested routes @@ -19,3 +20,19 @@ Generate the two components: ng generate component early-life ng generate component career ``` + +## Move the appropriate HTML to each sub section component + +Cut the HTML from `src/app/about/about.component.html` and paste into `src/app/early-life/early-life.component.html`: + +```html +

Early Life

+

Just a kid growing up rough on the streets. Hustlin' code for ca$h

+``` + +and `src/app/career/career.component.html`: + +```html +

Career

+

Now I'm makin' it raaaiiiiiinnnn!!!

+``` diff --git a/router/src/app/about/about.component.html b/router/src/app/about/about.component.html index 7d9d60b..82e39ba 100644 --- a/router/src/app/about/about.component.html +++ b/router/src/app/about/about.component.html @@ -1,5 +1 @@

This is the About Section of the Site

-

Early Life

-

Just a kid growing up rough on the streets. Hustlin' code for ca$h

-

Career

-

Now I'm makin' it raaaiiiiiinnnn!!!

diff --git a/router/src/app/career/career.component.html b/router/src/app/career/career.component.html index c8dfecb..6be3bcf 100644 --- a/router/src/app/career/career.component.html +++ b/router/src/app/career/career.component.html @@ -1,3 +1,2 @@ -

- career works! -

+

Career

+

Now I'm makin' it raaaiiiiiinnnn!!!

diff --git a/router/src/app/early-life/early-life.component.html b/router/src/app/early-life/early-life.component.html index 89f2425..d7b6dff 100644 --- a/router/src/app/early-life/early-life.component.html +++ b/router/src/app/early-life/early-life.component.html @@ -1,3 +1,2 @@ -

- early-life works! -

+

Early Life

+

Just a kid growing up rough on the streets. Hustlin' code for ca$h