How do you correctly configure multiple providers for the same injection token using Angular's multi-provider pattern?

easy📝 Syntax Q3 of 15

Angular - Advanced Patterns

Aproviders: [{ provide: 'MY_TOKEN', useValue: 'Value1', multi: true }, { provide: 'MY_TOKEN', useValue: 'Value2' }]

Bproviders: [{ provide: 'MY_TOKEN', useValue: 'Value1' }, { provide: 'MY_TOKEN', useValue: 'Value2' }]

Cproviders: [{ provide: 'MY_TOKEN', useValue: 'Value1', multi: false }, { provide: 'MY_TOKEN', useValue: 'Value2', multi: true }]

Dproviders: [{ provide: 'MY_TOKEN', useValue: 'Value1', multi: true }, { provide: 'MY_TOKEN', useValue: 'Value2', multi: true }]

Step-by-Step Solution

Solution:

Step 1: Use the same token with multi: true
Both providers must specify the same token and set multi: true to indicate multiple values are provided.
Step 2: Ensure all providers have multi: true
Angular requires all providers for a multi-provider token to have multi: true to combine their values into an array.
Final Answer:
providers: [{ provide: 'MY_TOKEN', useValue: 'Value1', multi: true }, { provide: 'MY_TOKEN', useValue: 'Value2', multi: true }] correctly registers multiple providers with multi: true.
Quick Check:
All providers for a multi-token must have multi: true [OK]

Quick Trick: All multi providers must have multi: true flag [OK]

Common Mistakes:

Master "Advanced Patterns" 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