Module5:

Angular Routing and Navigation

Assignment

Problem Statement

Build an Angular Application to add basic routing to different components without reloading the entire application

Follow the steps below to build the application:

1. Create three new components

a.Home

b.Product

c.Contact

2. Define route constant

3.Initialize the routes using forRoot method

4.In the app.component.html add navigation tabs using routerLinkActive to navigate to different components

5.Use the paths defined in routes constant to navigate

6.Make use of CSS classes and Bootstrap to design the application