You want to create a shared Angular module that provides a service and a component to other modules. Which of the following is the correct way to configure SharedModule?

hard📝 Application Q8 of 15

Angular - Modules

You want to create a shared Angular module that provides a service and a component to other modules. Which of the following is the correct way to configure SharedModule?

A@NgModule({ declarations: [SharedComponent], exports: [SharedComponent], providers: [SharedService] }) export class SharedModule {}

B@NgModule({ declarations: [SharedComponent], providers: [SharedService] }) export class SharedModule {}

C@NgModule({ exports: [SharedComponent], providers: [SharedService] }) export class SharedModule {}

D@NgModule({ declarations: [SharedComponent], exports: [SharedComponent] }) export class SharedModule {}

Step-by-Step Solution

Solution:

Step 1: Include component in declarations and exports
To share a component, declare it and export it so other modules can use it.
Step 2: Provide the service in providers
Services are added to providers to be injectable in modules importing this shared module.
Final Answer:
@NgModule({ declarations: [SharedComponent], exports: [SharedComponent], providers: [SharedService] }) export class SharedModule {} -> Option A
Quick Check:
Declare and export components; provide services [OK]

Quick Trick: Declare and export components; provide services in providers [OK]

Common Mistakes:

Forgetting to export the component
Not providing the service
Trying to export services

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions

More Angular Quizzes

You want to create a shared Angular module that provides a service and a component to other modules. Which of the following is the correct way to configure SharedModule?

Step 1: Include component in declarations and exports

Step 2: Provide the service in providers

Final Answer:

Quick Check:

Want More Practice?