Week 4 Day 3: Configured Angular routing and navigation
This commit is contained in:
32
Week-4/Day-3/Readme.md
Normal file
32
Week-4/Day-3/Readme.md
Normal file
@@ -0,0 +1,32 @@
|
||||
# Week 4 – Day 3: Angular Routing
|
||||
|
||||
## Date
|
||||
07 January 2026
|
||||
|
||||
## Objective
|
||||
To understand Angular routing and implement navigation between multiple components in a single-page application.
|
||||
|
||||
## Topics Covered
|
||||
- Introduction to Angular Routing
|
||||
- RouterModule and Routes
|
||||
- router-outlet
|
||||
- routerLink
|
||||
- Client-side Navigation
|
||||
|
||||
## Activities Performed
|
||||
- Configured routing module
|
||||
- Created multiple route-based components
|
||||
- Implemented navigation using routerLink
|
||||
- Used router-outlet for dynamic view rendering
|
||||
- Tested navigation without page reload
|
||||
|
||||
## Tools & Technologies Used
|
||||
- Angular
|
||||
- TypeScript
|
||||
- Angular Router
|
||||
|
||||
## Learning Outcome
|
||||
Gained practical experience in building single-page navigation using Angular routing.
|
||||
|
||||
## Status
|
||||
Completed
|
||||
Reference in New Issue
Block a user