How do you bootstrap a standalone Angular component named RootComponent and provide a global service GlobalService during bootstrap?

hard📝 Application Q8 of 15

Angular - Fundamentals

How do you bootstrap a standalone Angular component named RootComponent and provide a global service GlobalService during bootstrap?

AInject <code>GlobalService</code> manually after bootstrapApplication

Add <code>GlobalService</code> to <code>RootComponent</code> providers and call <code>bootstrapModule(RootComponent)</code>

CImport <code>GlobalService</code> in <code>AppModule</code> and bootstrap with <code>platformBrowserDynamic()</code>

DUse <code>bootstrapApplication(RootComponent, { providers: [GlobalService] })</code>

Step-by-Step Solution

Solution:

Step 1: Use bootstrapApplication with providers
Angular 17+ allows passing providers during bootstrap.
Step 2: Provide GlobalService globally
Pass { providers: [GlobalService] } as the second argument.
Final Answer:
Use bootstrapApplication(RootComponent, { providers: [GlobalService] }) -> Option D
Quick Check:
Providers can be passed during bootstrapApplication [OK]

Quick Trick: Pass providers as second argument to bootstrapApplication [OK]

Common Mistakes:

Master "Fundamentals" 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