We will add some more advanced behaviours

Code on github https://github.com/kendarorg/Angular101


Copy the project demo001mat to demo002mat

Header and footer

First generate the stubs for the components

ng generate component header
ng generate component footer

And we can then modify the app.component.html file to include them. It will become like

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"

And starting the app with "ng serve" the new parts will magically appear inside the view! Note that the path for the two modules is src/app/footer and we are using the name "app-footer" and "app-header" to use them!

Navigating through the app will always show them

Last modified on: February 17, 2020