Routing Challenges

Challenge One

On Stackblitz create a new project https://stackblitz.com/ Your goal is to create a small website header

• Create a Menu Header Component

• The menu should have 3 options home, search and about

• When clicked on each option navigates to a new view

• The title should be displayed horizontal. *Hint flexbox - row

Tips:

• Create a app-routing.module.ts

• Don’t forget to place <router-outlet></router-outlet>

• Create the components

• Use Router Link

• Example Router Here

Routing Challenge Two

Within the same Stackblitz.

• Cannot Use Router LINK

• Create a button on the search component, called search. When clicked it should invoke a function and routes to the about page

• Create another button on the about page called back that when clicked invokes a function that navigates to the search page

Tips:

• Programmatic Navigation

• Example Here