Week 4 Day 2: Implemented Angular services and dependency injection

This commit is contained in:
2026-01-09 16:19:08 +05:30
parent 7f2a3c871a
commit b8780cc22d
2 changed files with 66 additions and 0 deletions

View File

@@ -0,0 +1,34 @@
## Angular Services & Dependency Injection
### What is a Service?
A service is used to store reusable business logic that can be shared across multiple components.
Examples:
- Fetching data
- Authentication logic
- Utility functions
### Why Services are Needed?
- Avoids code duplication
- Improves maintainability
- Follows separation of concerns
### Creating a Service
ng generate service data
### Dependency Injection (DI)
Angular automatically provides services to components using DI.
constructor(private dataService: DataService) {}
### Using Service Methods
getMessage() {
return "Welcome to Angular Services";
}
### Practical Work Done
- Created services
- Injected services into components
- Shared data between components
- Tested service methods
### Learning Outcome
Understood how Angular manages shared logic efficiently using services and dependency injection.