Which decorator and property make an Angular service a singleton across the app?

easy📝 Syntax Q12 of 15

Angular - State Management

A@NgModule({ providers: [] })

B@Component({ selector: 'app-root' })

C@Directive({ selector: '[appService]' })

D@Injectable({ providedIn: 'root' })

Step-by-Step Solution

Solution:

Step 1: Identify Angular service decorator
@Injectable marks a class as a service for dependency injection.
Step 2: Understand providedIn property
Setting providedIn: 'root' makes the service a singleton app-wide.
Final Answer:
@Injectable({ providedIn: 'root' }) -> Option D
Quick Check:
Singleton service = @Injectable with providedIn root [OK]

Quick Trick: Use @Injectable({ providedIn: 'root' }) for singleton services [OK]

Common Mistakes:

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes