Which of the following is the correct way to declare an Angular module using the NgModule decorator?

easy📝 Syntax Q12 of 15

Angular - Modules

Which of the following is the correct way to declare an Angular module using the NgModule decorator?

A@NgModule({ declarations: MyComponent, imports: BrowserModule }) export class MyModule {}

B@NgModule({ components: [MyComponent], imports: [BrowserModule] }) export class MyModule {}

C@NgModule({ declarations: [MyComponent], imports: [BrowserModule] }) export class MyModule {}

D@NgModule({ declarations: [MyComponent], import: [BrowserModule] }) export class MyModule {}

Step-by-Step Solution

Solution:

Step 1: Check correct metadata keys
The correct keys are declarations and imports, both expecting arrays.
Step 2: Validate syntax and spelling
@NgModule({ declarations: [MyComponent], imports: [BrowserModule] }) export class MyModule {} uses correct keys and array syntax. Others have wrong keys like components or missing arrays.
Final Answer:
@NgModule({ declarations: [MyComponent], imports: [BrowserModule] }) export class MyModule {} -> Option C
Quick Check:
Correct keys and arrays = A [OK]

Quick Trick: Use 'declarations' and 'imports' keys with arrays [OK]

Common Mistakes:

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