You want to create a service that is only available in a lazy-loaded feature module named FeatureModule. How should you configure the service with @Injectable?
hard🚀 Application Q8 of 15
Angular - Services and Dependency Injection
You want to create a service that is only available in a lazy-loaded feature module named FeatureModule. How should you configure the service with @Injectable?
A@Injectable({ providedIn: 'root' }) export class FeatureService {}
B@Injectable({ providedIn: FeatureModule }) export class FeatureService {}
C@Injectable({ providedIn: 'any' }) export class FeatureService {}
D@Injectable() export class FeatureService {}
Step-by-Step Solution
Solution:
Step 1: Understand module-scoped service provision
To limit service to a module, provide the module class in providedIn.
Step 2: Apply to FeatureModule
Use providedIn: FeatureModule to scope the service to that lazy-loaded module.
Final Answer:
@Injectable({ providedIn: FeatureModule }) export class FeatureService {} -> Option B
Quick Check:
Use module class in providedIn for lazy module scope [OK]
Quick Trick:Use module class in providedIn for lazy-loaded service [OK]
Common Mistakes:
MISTAKES
Using 'root' makes service global
Using 'any' creates multiple instances
Omitting providedIn requires manual provider
Master "Services and Dependency Injection" in Angular
9 interactive learning modes - each teaches the same concept differently
